Making the CardDialog menu open to the left

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'

webapp/src/widgets/menu/menu.scss

@@ -11,6 +11,9 @@
     &.top {
         bottom: 100%;
     }
+    &.left {
+        right: 0;
+    }
 
     .menu-options {
         display: flex;

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> {