From 7d0a4afa8bb86555eec7309ca136c9d1e888a3d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Mon, 4 Apr 2022 15:53:11 +0200
Subject: [PATCH] Opening the actions menu from the view header to the left
 (#2689)

* Opening the actions menu from the view header to the left

* Fixing jest tests
---
 .../__snapshots__/viewHeaderActionsMenu.test.tsx.snap       | 6 +++---
 webapp/src/components/viewHeader/viewHeaderActionsMenu.tsx  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap b/webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap
index 20d3c905f..c98420199 100644
--- a/webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap
+++ b/webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
         />
       </button>
       <div
-        class="Menu noselect bottom "
+        class="Menu noselect left "
       >
         <div
           class="menu-contents"
@@ -116,7 +116,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
         />
       </button>
       <div
-        class="Menu noselect bottom "
+        class="Menu noselect left "
       >
         <div
           class="menu-contents"
@@ -213,7 +213,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
         />
       </button>
       <div
-        class="Menu noselect bottom "
+        class="Menu noselect left "
       >
         <div
           class="menu-contents"
diff --git a/webapp/src/components/viewHeader/viewHeaderActionsMenu.tsx b/webapp/src/components/viewHeader/viewHeaderActionsMenu.tsx
index bb1ae3883..242dfa3dc 100644
--- a/webapp/src/components/viewHeader/viewHeaderActionsMenu.tsx
+++ b/webapp/src/components/viewHeader/viewHeaderActionsMenu.tsx
@@ -100,7 +100,7 @@ const ViewHeaderActionsMenu = (props: Props) => {
         <ModalWrapper>
             <MenuWrapper label={intl.formatMessage({id: 'ViewHeader.view-header-menu', defaultMessage: 'View header menu'})}>
                 <IconButton icon={<OptionsIcon/>}/>
-                <Menu>
+                <Menu position='left'>
                     <Menu.Text
                         id='exportCsv'
                         name={intl.formatMessage({id: 'ViewHeader.export-csv', defaultMessage: 'Export to CSV'})}