From ce0718658563e3465943a31c48b4223c91c58bda Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Wed, 25 Feb 2026 10:22:49 +0000
Subject: [PATCH] Fix pager sidebar squishing sections when all expanded

Add flex-shrink: 0 to .section, .run-btn, and .stop-btn so flex
children maintain natural height and the sidebar scrolls instead
of compressing content on 1080p displays.

Fixes #151

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 static/css/index.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/css/index.css b/static/css/index.css
index 84987cc..0adb406 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1559,6 +1559,7 @@ header h1 .tagline {
     overflow: hidden;
     padding: 12px;
     position: relative;
+    flex-shrink: 0;
 }
 
 .section h3 {
@@ -1744,6 +1745,7 @@ header h1 .tagline {
 }
 
 .run-btn {
+    flex-shrink: 0;
     width: 100%;
     padding: 12px;
     background: var(--accent-green);
@@ -1781,6 +1783,7 @@ header h1 .tagline {
 }
 
 .stop-btn {
+    flex-shrink: 0;
     width: 100%;
     padding: 12px;
     background: var(--accent-red);