From 0a717fec1c1557d40f14d1715f72960d2255cc44 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 21 Jun 2022 23:13:05 -0300
Subject: fix nav wrapping issues at small widths

---
 src/static/site.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

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

diff --git a/src/static/site.css b/src/static/site.css
index 7d1f474..553172a 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -121,12 +121,22 @@ a:hover {
 
 #header {
     display: grid;
-    grid-template-columns: max-content 3fr;
+}
+
+#header.nav-has-main-links.nav-has-content {
+    grid-template-columns: 2.5fr 3fr;
     grid-template-areas:
         "main-links content"
         "bottom-row content";
 }
 
+#header.nav-has-main-links:not(.nav-has-content) {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+        "main-links"
+        "bottom-row";
+}
+
 .nav-main-links {
     grid-area: main-links;
     margin-right: 20px;
-- 
cgit 1.3.0-6-gf8a5