Fix menu size (#265)

wagtail · Nov 9, 2023 · 7765c8d · 7765c8d
1 parent 1f4458d
commit 7765c8d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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;