From 851747b561de76746e7923536ace1d55cffd54a9 Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Sat, 4 Jul 2026 19:17:01 +0000
Subject: [PATCH] fix: pin top-bar/page-content grid rows at mobile widths
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

page-content kept grid-row 1/-1 from the desktop rule, so the
top-bar auto-placed into an implicit row below the content —
the nav menu rendered at the bottom of the page.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/index.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index dda0db7..1c0146a 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -334,6 +334,7 @@ tr:hover td { background: #f8fafc; }
     padding: 0 16px;
     height: 52px;
     grid-column: 1;
+    grid-row: 1;
     overflow-x: auto;
   }
   .top-bar-title {
@@ -356,6 +357,7 @@ tr:hover td { background: #f8fafc; }
   .top-bar-nav a.active { color: var(--gold); }
   .page-content {
     grid-column: 1;
+    grid-row: 2;
     padding: 16px;
   }
 }