Better navbar layout

3 files changed, 12 insertions, 23 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