From a2eb0c13033e224b96b496b92bdd424a30dbbdf1 Mon Sep 17 00:00:00 2001 From: Bob Date: Tue, 8 Sep 2026 15:14:11 +0000 Subject: [PATCH] fix(nav): wrap header links on narrow viewports The six-item header stayed on one nowrap flex row, so a 390px viewport expanded to ~510px (Projects at 436px, Wiki at 510px). Allow wrapping and keep each link intact so mobile pages no longer scroll sideways. Git-Session-Id: 903e --- assets/css/tailwind.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index 39e8d2836..0571fd17d 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -48,10 +48,11 @@ @apply bg-surface border-b border-border shadow-sm; nav { - @apply container mx-auto px-4 py-4 flex gap-6; + /* Wrap: six nowrap links overflow a 390px viewport to ~510px. */ + @apply container mx-auto px-4 py-4 flex flex-wrap items-center gap-x-4 gap-y-2 sm:gap-6; a { - @apply text-text no-underline px-2 py-1 hover:text-primary transition-colors; + @apply text-text no-underline px-2 py-1 hover:text-primary transition-colors whitespace-nowrap; } } }