From ca18e58f5e82c4007a7f5932581701ca2b44c783 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 9 Apr 2026 19:20:50 +0200
Subject: [PATCH] fix: restore exchange table scroll by adding flex constraints
 to tableWrap
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The tableSection card wrapper broke the flex height chain — DataTable's
fillHeight couldn't constrain to viewport. Added .tableWrap with
flex: 1, min-height: 0, display: flex to re-establish the chain.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Dashboard/Dashboard.module.css | 8 ++++++++
 ui/src/pages/Dashboard/Dashboard.tsx        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/Dashboard/Dashboard.module.css b/ui/src/pages/Dashboard/Dashboard.module.css
index a0e88bc4..63d4d9dd 100644
--- a/ui/src/pages/Dashboard/Dashboard.module.css
+++ b/ui/src/pages/Dashboard/Dashboard.module.css
@@ -29,6 +29,14 @@
   color: var(--text-primary);
 }
 
+/* Table card must fill remaining height and allow DataTable to scroll internally */
+.tableWrap {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
 /* Status cell */
 .statusCell {
   display: flex;
diff --git a/ui/src/pages/Dashboard/Dashboard.tsx b/ui/src/pages/Dashboard/Dashboard.tsx
index f9a9c82b..38f9583c 100644
--- a/ui/src/pages/Dashboard/Dashboard.tsx
+++ b/ui/src/pages/Dashboard/Dashboard.tsx
@@ -251,7 +251,7 @@ export default function Dashboard({ onExchangeSelect, activeExchangeId }: Dashbo
 
   return (
     <div className={styles.content}>
-      <div className={tableStyles.tableSection}>
+      <div className={`${tableStyles.tableSection} ${styles.tableWrap}`}>
         <div className={tableStyles.tableHeader}>
           <span className={tableStyles.tableTitle}>
             {textFilter ? (