From 665d757102ae79356ce77d1e24da624b0c4c71b3 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 19 Jun 2024 10:33:17 +0200
Subject: [PATCH] fix: Update laptop breakpoint to match my pages sidebar

---
 .../Current/Header/BookingButton/bookingButton.module.css    | 2 +-
 components/Current/Header/MainMenu/index.tsx                 | 3 +++
 components/Current/Header/MainMenu/mainMenu.module.css       | 5 +++--
 .../my-pages-mobile-dropdown.module.css                      | 2 +-
 components/Current/Header/header.module.css                  | 2 +-
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/Current/Header/BookingButton/bookingButton.module.css b/components/Current/Header/BookingButton/bookingButton.module.css
index ac331ac03..797cd377b 100644
--- a/components/Current/Header/BookingButton/bookingButton.module.css
+++ b/components/Current/Header/BookingButton/bookingButton.module.css
@@ -31,7 +31,7 @@
   text-decoration: underline;
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 1367px) {
   .button {
     font-weight: 600;
     font-size: 16px;
diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index 5ebb09540..ee91ce227 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -147,6 +147,9 @@ export function MainMenu({
             ) : null}
           </ul>
           <div className={styles.buttonContainer}>
+            <Link className={styles.link} href={myPages[lang]}>
+              {intl.formatMessage({ id: "My pages" })}
+            </Link>
             <BookingButton href={bookingHref} />
             {myPagesMobileDropdown && user ? (
               <div
diff --git a/components/Current/Header/MainMenu/mainMenu.module.css b/components/Current/Header/MainMenu/mainMenu.module.css
index d9e5339f5..a98eac70a 100644
--- a/components/Current/Header/MainMenu/mainMenu.module.css
+++ b/components/Current/Header/MainMenu/mainMenu.module.css
@@ -235,7 +235,7 @@
   gap: var(--Spacing-x3);
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1367px) {
   .navBar {
     grid-template-columns: 140px auto 1fr;
     height: 82.4px;
@@ -267,6 +267,7 @@
   .mainLinks {
     padding-top: 2.5px;
     background-color: transparent;
+    height: 100%;
   }
 
   .expanderBtn {
@@ -295,7 +296,7 @@
   }
 
   .li {
-    display: table-cell;
+    display: inline-grid;
     float: none;
     vertical-align: middle;
     line-height: 1.15;
diff --git a/components/Current/Header/MyPagesMobileDropdown/my-pages-mobile-dropdown.module.css b/components/Current/Header/MyPagesMobileDropdown/my-pages-mobile-dropdown.module.css
index e2938ec99..bd992b50d 100644
--- a/components/Current/Header/MyPagesMobileDropdown/my-pages-mobile-dropdown.module.css
+++ b/components/Current/Header/MyPagesMobileDropdown/my-pages-mobile-dropdown.module.css
@@ -44,7 +44,7 @@
   list-style: none;
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 1367px) {
   .navigationMenu {
     display: none;
   }
diff --git a/components/Current/Header/header.module.css b/components/Current/Header/header.module.css
index 5d85f2049..6e1001420 100644
--- a/components/Current/Header/header.module.css
+++ b/components/Current/Header/header.module.css
@@ -2,7 +2,7 @@
   display: grid;
 }
 
-@media screen and (max-width: 950px) {
+@media screen and (max-width: 1366px) {
   .header {
     height: 70.047px;
   }