From a480345cedd5690ee6d7109f2966443184c8b4ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maaria=20Wahlstr=C3=B6m?= <maaria.wahlstrom@csc.fi>
Date: Wed, 26 Jun 2024 17:13:20 +0300
Subject: [PATCH] MSCR-514 Bring Actionmenu to front

---
 .../modules/crosswalk-editor/crosswalk-editor.styles.tsx   | 7 ++++++-
 mscr-ui/src/modules/crosswalk-editor/index.tsx             | 7 ++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/mscr-ui/src/modules/crosswalk-editor/crosswalk-editor.styles.tsx b/mscr-ui/src/modules/crosswalk-editor/crosswalk-editor.styles.tsx
index cd9c5a25a..9f1b4a3f2 100644
--- a/mscr-ui/src/modules/crosswalk-editor/crosswalk-editor.styles.tsx
+++ b/mscr-ui/src/modules/crosswalk-editor/crosswalk-editor.styles.tsx
@@ -7,10 +7,15 @@ export const ActionMenuWrapper = styled.div`
   position: relative;
 `;
 
+export const ActionMenuContainer = styled.div`
+  position: relative;
+  z-index: 1;
+`;
+
 export const TestButton =  styled.div`
   margin-bottom: -40px;
   margin-top: 18px;
   margin-left: 20px;
   z-index: 200;
   position: relative;
-  `;
\ No newline at end of file
+  `;
diff --git a/mscr-ui/src/modules/crosswalk-editor/index.tsx b/mscr-ui/src/modules/crosswalk-editor/index.tsx
index eaf200ffc..8fb770d0e 100644
--- a/mscr-ui/src/modules/crosswalk-editor/index.tsx
+++ b/mscr-ui/src/modules/crosswalk-editor/index.tsx
@@ -40,8 +40,9 @@ import MetadataStub from '@app/modules/form/metadata-form/metadata-stub';
 import { ActionMenuTypes, Type } from '@app/common/interfaces/search.interface';
 import SchemaAndCrosswalkActionMenu from '@app/common/components/schema-and-crosswalk-actionmenu';
 import {
+  ActionMenuContainer,
   ActionMenuWrapper,
-  TestButton,
+  TestButton
 } from '@app/modules/crosswalk-editor/crosswalk-editor.styles';
 import { setNotification } from '@app/common/components/notifications/notifications.slice';
 import { useStoreDispatch } from '@app/store';
@@ -561,7 +562,7 @@ export default function CrosswalkEditor({
             </CustomTabPanel>
             <CustomTabPanel value={selectedTab} index={2}>
             </CustomTabPanel>*/}
-            <div className="row d-flex h-0">
+            <ActionMenuContainer className="row d-flex h-0">
               <div className={selectedTab === 1 ? 'col-10' : 'd-none'}></div>
               <div
                 className={
@@ -591,7 +592,7 @@ export default function CrosswalkEditor({
                   </>
                 )}
               </div>
-            </div>
+            </ActionMenuContainer>
             <div className="row d-flex justify-content-between crosswalk-editor">
               {/*  LEFT COLUMN */}
               <div