From 7c1f37d24ce966699c4d13e2fe1da34c35df40f5 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 7 Dec 2022 13:56:14 +0100
Subject: [PATCH] mobile menu navbar menu button z-index1000

---
 frontend/src/components/Menu/Navbar.vue             |  4 ++--
 frontend/src/components/Menu/Sidebar.vue            | 13 +++++++++----
 .../src/components/MobileSidebar/MobileSidebar.vue  |  6 ++++++
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index 69c6bd21d..953741fc0 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="navbar-component position-sticky">
     <b-navbar toggleable="lg" class="pr-4">
-      <b-navbar-brand>
+      <b-navbar-brand class="zindex1000">
         <b-img
-          class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 zindex1000 d-none d-lg-block"
+          class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 d-none d-lg-block"
           :src="logo"
           width="200"
           alt="..."
diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index 95ce7d6a7..ad3be1f3b 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -103,10 +103,15 @@ export default {
   color: red;
 } */
 #component-sidebar {
-  min-width: 53px;
-  max-width: 210px;
+  min-width: 200px;
 }
-#side-menu {
-  max-width: 210px;
+
+@media screen and (max-width: 1024px) {
+  #side-menu {
+    max-width: 100%;
+  }
+  #component-sidebar {
+    max-width: 100%;
+  }
 }
 </style>
diff --git a/frontend/src/components/MobileSidebar/MobileSidebar.vue b/frontend/src/components/MobileSidebar/MobileSidebar.vue
index c60e86840..04ad757e1 100644
--- a/frontend/src/components/MobileSidebar/MobileSidebar.vue
+++ b/frontend/src/components/MobileSidebar/MobileSidebar.vue
@@ -12,6 +12,12 @@
           </div>
         </div>
       </template>
+      <template #footer>
+        <div class="d-flex bg-light">
+          <strong class="mr-auto p-2">{{ $t('send_gdd') }}</strong>
+          <b-button to="/send"> <b-icon icon="arrow-right"></b-icon></b-button>
+        </div>
+      </template>
     </b-sidebar>
   </div>
 </template>