From d9d210de818bc9f73fa5f8e8cecbaf73ea37677b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Corentin=20S=C3=A9chet?= <corentin@ki-dour.org>
Date: Mon, 10 Jun 2024 12:23:49 +0200
Subject: [PATCH 1/2] fix: fix leftover separator visible when logo is docked

---
 src/lib/nav.html | 1 -
 src/lib/nav.scss | 3 +++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/nav.html b/src/lib/nav.html
index 79744aa..f715179 100644
--- a/src/lib/nav.html
+++ b/src/lib/nav.html
@@ -16,7 +16,6 @@
       <a href="#news" class="nav-bar--menu-link">{{ gettext('News') }}</a>
       <a href="#" class="nav-bar--menu-link">{{ gettext('Contact') }}</a>
     </div>
-    <div class="nav-bar--separator"></div>
     <div class="nav-bar--links">
       <a class="nav-bar--link" href="mailto:contact@frog-collective.com">
           <img class="nav-bar--link-icon" src="/img/mail-fill.svg" alt-text="{{ gettext('Mail') }}"></img>
diff --git a/src/lib/nav.scss b/src/lib/nav.scss
index e6e6642..4d4453b 100644
--- a/src/lib/nav.scss
+++ b/src/lib/nav.scss
@@ -111,6 +111,7 @@
     }
 
     &--separator {
+        grid-area: 1 / 4 / 2 / 5;
         align-self: center;
         height: 40%;
         width: 2px;
@@ -124,6 +125,7 @@
     }
 
     &--languages {
+        grid-area: 1 / 5 / 2 / 6;
         align-self: center;
         padding: 0 var(--space-xsmall);
 
@@ -184,6 +186,7 @@
     }
 
     &--links {
+        grid-area: 1 / 3 / 2 / 4;
         display: flex;
         justify-self: end;
         align-self: center;
-- 
2.39.2


From 1d25bec5bb54063dbcbe1148877a1b1ebbb4ad05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Corentin=20S=C3=A9chet?= <corentin@ki-dour.org>
Date: Mon, 10 Jun 2024 12:26:11 +0200
Subject: [PATCH 2/2] fix: fix mobile breakpoint so menu and links never
 overstep screen width

---
 src/lib/css/variables.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/css/variables.scss b/src/lib/css/variables.scss
index 2848950..7b3e6a1 100644
--- a/src/lib/css/variables.scss
+++ b/src/lib/css/variables.scss
@@ -1,4 +1,4 @@
-$mobile-breakpoint: "max-width: 768px";
+$mobile-breakpoint: "max-width: 970px";
 
 :root {
     --background-dark: url("/img/background-black-red.jpg");
-- 
2.39.2