From 46ae6f67249dea59176488ad1775f80109b8b8db Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 5 Sep 2018 10:19:45 +0200
Subject: Fix menu on mobile

---
 client/src/app/menu/menu.component.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'client/src/app/menu')

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 4ef330b2f..c725580d1 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -20,16 +20,12 @@ menu {
   color: $menu-color;
   display: flex;
   flex-direction: column;
+  width: 100%;
 
   &:focus, &:hover {
     overflow-y: auto;
   }
 
-  .top-menu {
-    flex-grow: 1;
-    width: $menu-width;
-  }
-
   .logged-in-block {
     height: 100px;
     background-color: rgba(255, 255, 255, 0.15);
@@ -230,3 +226,14 @@ menu {
     }
   }
 }
+
+@media screen and (max-width: 400px) {
+  .menu-wrapper {
+    width: 100% !important;
+    z-index: 10000;
+  }
+
+  .top-menu {
+    width: 100%;
+  }
+}
-- 
cgit v1.2.3