From 87588c9305fd76dd75af8eae7a2170f81eff9474 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 21 Jun 2022 22:43:54 -0300
Subject: various navbar layout/grid improvements

---
 src/static/site.css | 37 ++++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 17 deletions(-)

(limited to 'src/static/site.css')

diff --git a/src/static/site.css b/src/static/site.css
index df25f24..7d1f474 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -120,39 +120,42 @@ a:hover {
 }
 
 #header {
-    display: flex;
+    display: grid;
+    grid-template-columns: max-content 3fr;
+    grid-template-areas:
+        "main-links content"
+        "bottom-row content";
 }
 
-#header > h2 {
-    font-size: 1em;
-    margin: 0 20px 0 0;
-    font-weight: normal;
+.nav-main-links {
+    grid-area: main-links;
+    margin-right: 20px;
 }
 
-#header > h2 a.current {
-    font-weight: 800;
+.nav-content {
+    grid-area: content;
 }
 
-#header > h2 > span {
-    white-space: nowrap;
+.nav-bottom-row {
+    grid-area: bottom-row;
 }
 
-#header > div {
-    flex-grow: 1;
+.nav-main-links > span {
+    white-space: nowrap;
 }
 
-#header > div > *:not(:last-child)::after {
-    content: " \00b7 ";
+.nav-main-links > span > a.current {
     font-weight: 800;
 }
 
-.dot-between-spans > span:not(:last-child)::after {
-    content: " \00b7 ";
+.nav-links-index > span:not(:first-child):not(.no-divider)::before,
+.nav-chronology-links > div.chronology:not(:last-child)::after {
+    content: "\0020\00b7\0020";
     font-weight: 800;
 }
 
-.dot-between-spans > span {
-    white-space: nowrap;
+.nav-links-hierarchy > span:not(:first-child):not(.no-divider)::before {
+    content: "\0020/\0020";
 }
 
 #header .chronology {
-- 
cgit 1.3.0-6-gf8a5