From 54a1859f143094a33071ec177cd06bb6097eaf94 Mon Sep 17 00:00:00 2001
From: Weston Blieden <mblieden@gmail.com>
Date: Sat, 11 Apr 2026 07:05:55 +0200
Subject: [PATCH] Fix mobile layout for nav, hero, downloads, and footer

---
 docs/index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index a175cc4..0bb2e14 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -71,7 +71,7 @@
       font-weight: 700;
       color: var(--text);
     }
-    nav .links { display: flex; gap: 1.5rem; }
+    nav .links { display: flex; gap: 1.5rem; align-items: center; }
     nav .links a { color: var(--muted); font-size: 0.95rem; }
     nav .links a:hover { color: var(--text); }
     .theme-toggle {
@@ -314,7 +314,13 @@
       .hero h1 { font-size: 2rem; }
       .hero { padding: 3rem 1.25rem 2.5rem; }
       .features, .downloads, .install { padding-left: 1.25rem; padding-right: 1.25rem; }
-      nav { padding: 1rem 1.25rem; }
+      nav { padding: 1rem 1.25rem; flex-wrap: wrap; gap: 0.75rem; }
+      nav .logo { font-size: 1.05rem; }
+      nav .links { gap: 1rem; flex-wrap: wrap; justify-content: center; }
+      nav .links a { font-size: 0.85rem; }
+      .hero-buttons { flex-direction: column; align-items: center; }
+      .download-grid { grid-template-columns: 1fr; }
+      footer .footer-links { flex-wrap: wrap; gap: 1rem; }
     }
   </style>
 </head>