From 914e8f2084deccc9308f68f488969c5f54db6ba9 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 12 Jun 2020 18:59:54 +0200
Subject: [PATCH] Fix hamburger icon on mobile padding

---
 src/styles/components/list.scss  | 2 +-
 src/styles/theme/navigation.scss | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index e3954b68..96cb2a2d 100644
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@@ -65,7 +65,7 @@
   position: absolute;
   right: 1.5em;
   margin-top: -58px;
-  z-index: 99;
+  z-index: 4;
 
   .items {
     display: flex;
diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index 8fd94c07..a816503f 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -340,6 +340,7 @@
   font-weight: bold;
   font-size: 2em;
   color: $dark;
+  line-height: 1;
 
   &:hover, &:focus {
     color: darken($dark, 20);
@@ -370,14 +371,14 @@
 @media screen and (max-width: $tablet) {
   .mobilemenu-hide-button {
     display: block;
-    top: 1vh;
-    right: 4vh;
+    top: 1rem;
+    right: 1rem;
   }
 
   .mobilemenu-show-button {
     display: block;
-    top: 1vh;
-    left: 4vh;
+    top: 1rem;
+    left: 1rem;
   }
 
   .mobile-overlay {