From 7765c8dc2ff93832956c34f19b182664154a8ece Mon Sep 17 00:00:00 2001
From: Coen van der Kamp <coen@fourdigits.nl>
Date: Thu, 9 Nov 2023 22:07:42 +0100
Subject: [PATCH] Fix menu size (#265)

---
 .../static_src/scss/components/burger.scss       | 16 ++++++++--------
 .../static_src/scss/components/header.scss       |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/static_src/scss/components/burger.scss b/apps/frontend/static_src/scss/components/burger.scss
index 83067b49..c7fc779a 100644
--- a/apps/frontend/static_src/scss/components/burger.scss
+++ b/apps/frontend/static_src/scss/components/burger.scss
@@ -3,8 +3,8 @@
     $root: &;
     display: inline-block;
     position: relative;
-    width: 40px;
-    height: 30px;
+    width: 42px;
+    height: 40px;
     background: transparent;
     border: 0;
     transform: rotate(0deg);
@@ -37,21 +37,21 @@
         }
 
         &:nth-child(1) {
-            top: 5px;
+            top: 10px;
 
             .is-open & {
-                inset: 10px auto auto 50%;
+                inset: 15px auto auto 50%;
                 width: 0%;
             }
         }
 
         &:nth-child(2),
         &:nth-child(3) {
-            top: 13px;
+            top: 18px;
 
             .is-open & {
                 opacity: 1;
-                inset: 13px auto auto 6px;
+                inset: 18px auto auto 8px;
             }
         }
 
@@ -68,11 +68,11 @@
         }
 
         &:nth-child(4) {
-            top: 21px;
+            top: 26px;
 
             .is-open & {
                 width: 0%;
-                inset: 10px auto auto 50%;
+                inset: 15px auto auto 50%;
             }
         }
     }
diff --git a/apps/frontend/static_src/scss/components/header.scss b/apps/frontend/static_src/scss/components/header.scss
index 31f36588..a243765d 100644
--- a/apps/frontend/static_src/scss/components/header.scss
+++ b/apps/frontend/static_src/scss/components/header.scss
@@ -102,7 +102,7 @@
 
     &__burger {
         position: absolute;
-        inset: 17px 12px auto auto;
+        inset: 15px 12px auto auto;
 
         @include media-query(large) {
             display: none;
@@ -116,7 +116,7 @@
         margin: 0;
         border: 0;
         background-color: transparent;
-        height: 42px;
+        height: 40px;
         width: 42px;
         display: flex;
         align-items: center;