Merged in fix/SW-2844-fix-gap-mobile-menu (pull request #2732)

* fix(SW-2844): remove gap mobile safari


Approved-by: Joakim Jäderberg
Approved-by: Hrishikesh Vaipurkar

apps/partner-sas/globals.css

@@ -15,7 +15,7 @@
   );
 
   --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
-  --main-menu-mobile-height: 75px;
+  --main-menu-mobile-height: 73px;
   --main-menu-desktop-height: 125px;
   --booking-widget-mobile-height: 75px;
   --booking-widget-tablet-height: 150px;

apps/scandic-web/app/globals.css

@@ -15,7 +15,7 @@
   );
 
   --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
-  --main-menu-mobile-height: 75px;
+  --main-menu-mobile-height: 73px;
   --main-menu-desktop-height: 125px;
   --booking-widget-mobile-height: 75px;
   --booking-widget-tablet-height: 150px;

apps/scandic-web/components/Header/MainMenu/MobileMenu/mobileMenu.module.css

@@ -13,7 +13,7 @@
   border: none;
   cursor: pointer;
   justify-self: flex-start;
-  padding: 11px 8px 16px;
+  padding: 19px 8px 18px;
   user-select: none;
 }
 
@@ -22,7 +22,7 @@
 .bar::before {
   background: var(--Base-Text-High-contrast);
   border-radius: 2.3px;
-  display: inline-block;
+  display: block;
   height: 3px;
   position: relative;
   transition: all 0.3s;