From 7690cada78d070bf79cd50fa72846e2728b70357 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 30 May 2021 21:00:03 +0200
Subject: [PATCH] Fix menu styles

---
 src/styles/theme/navigation.scss | 120 +++++++++++++++----------------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index 075aa6bb..c5eb9426 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -364,77 +364,77 @@
       }
     }
   }
+}
 
-  .menu-hide-button, .menu-show-button {
-    display: none;
-    z-index: 31;
-    font-weight: bold;
-    font-size: 2rem;
+.menu-hide-button, .menu-show-button {
+  display: none;
+  z-index: 31;
+  font-weight: bold;
+  font-size: 2rem;
+  color: $text;
+  line-height: 1;
+
+  &:hover, &:focus {
+    color: $grey-900;
+  }
+}
+
+.menu-hide-button {
+  position: fixed;
+
+  &:hover, &:focus {
     color: $text;
-    line-height: 1;
-
-    &:hover, &:focus {
-      color: $grey-900;
-    }
   }
+}
 
+.navbar-brand .menu-show-button {
+  display: block;
+}
+
+.mobile-overlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(250, 250, 250, 0.8);
+  z-index: 5;
+  opacity: 0;
+  transition: all $transition;
+}
+
+@media screen and (max-width: $tablet) {
   .menu-hide-button {
-    position: fixed;
-
-    &:hover, &:focus {
-      color: $text;
-    }
+    display: block;
+    top: $hamburger-menu-icon-spacing;
+    right: $hamburger-menu-icon-spacing;
   }
 
-  .navbar-brand .menu-show-button {
+  .menu-show-button {
     display: block;
+    margin-left: $hamburger-menu-icon-spacing;
   }
 
   .mobile-overlay {
-    display: none;
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: rgba(250, 250, 250, 0.8);
-    z-index: 5;
-    opacity: 0;
-    transition: all $transition;
-  }
-
-  @media screen and (max-width: $tablet) {
-    .menu-hide-button {
-      display: block;
-      top: $hamburger-menu-icon-spacing;
-      right: $hamburger-menu-icon-spacing;
-    }
-
-    .menu-show-button {
-      display: block;
-      margin-left: $hamburger-menu-icon-spacing;
-    }
-
-    .mobile-overlay {
-      display: block;
-      opacity: 1;
-    }
-
-    .navbar.is-dark .navbar-brand > .navbar-item {
-      margin: 0 auto;
-    }
-  }
-
-  .logout-icon {
-    margin-right: 0.85rem !important;
-  }
-
-  .menu-bottom-link {
-    width: 100%;
-    color: $grey-300;
-    text-align: center;
     display: block;
-    margin: 1rem 0;
-    font-size: .8rem;
+    opacity: 1;
+  }
+
+  .navbar.is-dark .navbar-brand > .navbar-item {
+    margin: 0 auto;
   }
 }
+
+.logout-icon {
+  margin-right: 0.85rem !important;
+}
+
+.menu-bottom-link {
+  width: 100%;
+  color: $grey-300;
+  text-align: center;
+  display: block;
+  margin: 1rem 0;
+  font-size: .8rem;
+}