Better navbar layout

5 files changed, 14 insertions, 26 deletions

diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index d69ada3..2439546 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -7,5 +7,5 @@
 @import './schedule.lg.css' (min-width: 35rem);
 @import './link-gallery.css';
 @import './nav.css';
-@import './nav.md.css' (min-width: 35rem);
-@import './nav.lg.css' (min-width: 55rem);
\ No newline at end of file
+@import './nav.md.css' (min-width: 48rem);
+@import './nav.lg.css' (min-width: 64rem);
\ No newline at end of file
diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css
index 66cf019..bec5dde 100644
--- a/public/css/modules/nav.css
+++ b/public/css/modules/nav.css
@@ -1,8 +1,10 @@
+.nav > :not(:last-child) {
+  margin-block-end: var(--margin-block-sm);
+}
+
 .nav__bottom-row {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  margin-block-start: var(--margin-block-sm);
 }
 
 .nav__nav-links li {
@@ -14,7 +16,6 @@
 }
 
 .nav__logo {
-  margin-block-end: var(--margin-block-sm);
   font-family: var(--font-serif);
   font-size: var(--font-size-5);
   font-weight: 700;
@@ -30,7 +31,6 @@
 }
 
 .nav__breadcrumbs li {
-  margin-inline: var(--spacing-inline-xs);
   list-style-type: none;
   min-width: max-content;
 }
@@ -38,3 +38,7 @@
 .nav__breadcrumbs li::before {
   content: '/'
 }
+
+.nav__switch-language-link {
+  text-align: right;
+}
\ No newline at end of file
diff --git a/public/css/modules/nav.md.css b/public/css/modules/nav.md.css
index a8323e3..f771a0f 100644
--- a/public/css/modules/nav.md.css
+++ b/public/css/modules/nav.md.css
@@ -1,19 +1,4 @@
 .nav__nav-links {
-  padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));
-  display: grid;
-  grid-auto-columns: 1fr;
-  grid-auto-flow: column;
-  gap: var(--spacing-inline-md);
-}
-
-.nav__breadcrumbs {
-  order: 0;
-}
-
-.nav__logo {
-  order: 1;
-}
-
-.nav__switch-language-link {
-  order: 2;
+  display: flex;
+  gap: var(--margin-inline-md);
 }
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 8eabd9f..a65396a 100644
--- a/public/main.css
+++ b/public/main.css
@@ -30,5 +30,4 @@ footer {
 nav {
   padding-block-start: var(--margin-block-sm);
   padding-block-end: var(--margin-block-md);
-  padding-inline: var(--spacing-inline-sm);
 }
diff --git a/src/components/Navbar/Navbar.astro b/src/components/Navbar/Navbar.astro
index aea8909..4fa05a9 100644
--- a/src/components/Navbar/Navbar.astro
+++ b/src/components/Navbar/Navbar.astro
@@ -5,11 +5,11 @@ import NavLinks from './NavLinks.astro';
 import Logo from './Logo.astro';
 ---
 
-<nav>
+<nav class="nav">
   <Logo />
   <NavLinks />
   <div class="nav__bottom-row">
-    <SwitchLanguageLink />
     <Breadcrumbs />
+    <SwitchLanguageLink />
   </div>
 </nav>