From d3211c3d2475caaa3b9b3b5c677fb80ed875d078 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Fri, 20 Mar 2026 05:37:16 +0000 Subject: [PATCH] =?UTF-8?q?fix(layout):=20add=20min-h-0=20to=20main-conten?= =?UTF-8?q?t=20=E2=80=94=20prevents=20grid=20overflow?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Root cause found via DOM inspection: main-content (a CSS grid item) had default min-height:auto, which prevented the grid from constraining it below its content height. Content grew to 994px in a 975px viewport, pushing the FlowPilot action bar (Resolve/Escalate/Pause) 75px below the visible area. overflow:hidden on the grid clipped it invisibly. Fix: min-h-0 on main-content allows the grid to shrink it to fit, completing the height chain all the way down to the action bar. Co-Authored-By: Claude Opus 4.6 (1M context) --- frontend/src/components/layout/AppLayout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/layout/AppLayout.tsx b/frontend/src/components/layout/AppLayout.tsx index 7331de74..dab0596a 100644 --- a/frontend/src/components/layout/AppLayout.tsx +++ b/frontend/src/components/layout/AppLayout.tsx @@ -188,7 +188,7 @@ export function AppLayout() { )} {/* Main Content */} -
+