From 2f211eef5891725debf616abc6f0343b6ab5318b Mon Sep 17 00:00:00 2001
From: Caleb Allen <caleballen1276@gmail.com>
Date: Mon, 30 Mar 2026 00:54:07 -0400
Subject: [PATCH] fix: remove main-panel padding gap + add box-sizing for
 scroll cutoff
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two layout issues:
1. Gap above content: .main-panel had padding: 0.25em which created
   a visible gap above views. Removed — views control their own
   internal padding.

2. Scroll cutoff at bottom: .main-panel > * had height: 100% but
   no box-sizing: border-box. Views with their own padding (like
   config-page) overflowed because padding added to the 100% height.
   Added box-sizing: border-box to the global rule so padding is
   included in the height calculation.
---
 frontend/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/index.css b/frontend/index.css
index e6edb7e..eef7163 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -142,7 +142,6 @@ body div.sidebar {
 .main-panel {
     flex: 1;
     min-width: 0;
-    padding: 0.25em;
     background-color: var(--yj-bg-surface, #212529);
     overflow: hidden;
     contain: layout style paint;
@@ -150,6 +149,7 @@ body div.sidebar {
 
 .main-panel > * {
     height: 100%;
+    box-sizing: border-box;
     contain: layout style paint;
 }