From dfc29439b7f322050ba1828881edc95d0c9a09b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Tue, 27 Oct 2020 15:05:56 +0100
Subject: [PATCH] Making the CardDialog menu open to the left

---
 webapp/src/components/cardDialog.tsx | 2 +-
 webapp/src/widgets/menu/menu.scss    | 3 +++
 webapp/src/widgets/menu/menu.tsx     | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/cardDialog.tsx b/webapp/src/components/cardDialog.tsx
index 734a56824..3d8de40ed 100644
--- a/webapp/src/components/cardDialog.tsx
+++ b/webapp/src/components/cardDialog.tsx
@@ -19,7 +19,7 @@ type Props = {
 class CardDialog extends React.Component<Props> {
     render() {
         const menu = (
-            <Menu>
+            <Menu position='left'>
                 <Menu.Text
                     id='delete'
                     name='Delete'
diff --git a/webapp/src/widgets/menu/menu.scss b/webapp/src/widgets/menu/menu.scss
index fd1346616..813ef315a 100644
--- a/webapp/src/widgets/menu/menu.scss
+++ b/webapp/src/widgets/menu/menu.scss
@@ -11,6 +11,9 @@
     &.top {
         bottom: 100%;
     }
+    &.left {
+        right: 0;
+    }
 
     .menu-options {
         display: flex;
diff --git a/webapp/src/widgets/menu/menu.tsx b/webapp/src/widgets/menu/menu.tsx
index 71d25679f..8b7172e53 100644
--- a/webapp/src/widgets/menu/menu.tsx
+++ b/webapp/src/widgets/menu/menu.tsx
@@ -12,7 +12,7 @@ import './menu.scss'
 
 type MenuProps = {
     children: React.ReactNode
-    position?: 'top'|'bottom'
+    position?: 'top'|'bottom'|'left'
 }
 
 export default class Menu extends React.PureComponent<MenuProps> {