From 847d1b234391e1fe78b67666a391abb296fd261d Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Sat, 10 Aug 2024 15:03:46 +0200
Subject: [PATCH] fix moving menu icon in safari (i think)

---
 web/src/components/layout/header.module.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/layout/header.module.scss b/web/src/components/layout/header.module.scss
index ec5c9d9..8fc68b9 100644
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@@ -43,7 +43,7 @@
 
     &[data-small=true] {
       .toggleMenu {
-        top: .75rem;
+        top: 1rem;
       }
     }
   }
@@ -98,6 +98,7 @@
   list-style: none;
   display: flex;
   gap: var(--spacing-gap-column);
+  padding-right: 4.2rem;
   animation: slideInFromRight .3s ease-out forwards;
 
   a {
@@ -106,7 +107,8 @@
 }
 
 .toggleMenu {
-  position: relative;
+  position: absolute;
+  right: var(--spacing-sitepadding-inline);
   z-index: 1001;
   background: none;
   margin-top: .2rem;