From d9615204bf823466c8a44a6ce56ba8fe010b7e87 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 3 Apr 2026 10:31:04 +0200
Subject: [PATCH] fix: admin pages not scrollable (content clipped by
 overflow:hidden)

AdminLayout was a plain div with padding but no scroll. The parent
<main> has overflow:hidden, so admin page content beyond viewport
height was clipped. Added flex:1, overflow:auto, minHeight:0 to
make AdminLayout a proper scroll container.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Admin/AdminLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/pages/Admin/AdminLayout.tsx b/ui/src/pages/Admin/AdminLayout.tsx
index 3252b41c..5a36b3c7 100644
--- a/ui/src/pages/Admin/AdminLayout.tsx
+++ b/ui/src/pages/Admin/AdminLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from 'react-router';
 
 export default function AdminLayout() {
   return (
-    <div style={{ padding: '20px 24px 40px' }}>
+    <div style={{ flex: 1, overflow: 'auto', minHeight: 0, padding: '20px 24px 40px' }}>
       <Outlet />
     </div>
   );