From 2e14de2069a8097e4a566e9e03d6a354a076875b Mon Sep 17 00:00:00 2001
From: ScreenTinker <hello@screentinker.com>
Date: Mon, 8 Jun 2026 20:41:15 -0500
Subject: [PATCH] fix(ui): make sidebar nav scrollable on short screens

On a short viewport (e.g. 1366x768) the sidebar nav was taller than the screen
with no scroll, so items below the fold (Settings) were unreachable. Add
overflow-y:auto + min-height:0 to .nav-links (the min-height:0 lets the flex
child shrink and scroll instead of overflowing).
---
 frontend/css/main.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/css/main.css b/frontend/css/main.css
index 3141345..432724f 100644
--- a/frontend/css/main.css
+++ b/frontend/css/main.css
@@ -212,6 +212,11 @@ body {
 .nav-links {
   flex: 1;
   padding: 12px 8px;
+  /* Scroll the nav when it's taller than the viewport (short screens, e.g.
+     1366x768) so items below the fold (Settings) stay reachable. min-height:0
+     is required for a flex child to shrink and scroll instead of overflowing. */
+  overflow-y: auto;
+  min-height: 0;
 }
 
 .nav-link {