From afb771fef11c96aa49b93950f35872b14e1013bf Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Fri, 17 Jul 2026 13:30:15 +0800
Subject: [PATCH] Shrink hub archive panels to content height instead of
 filling the viewport.

Remove 100vh min-heights and flex-grow on quotes/trades so idle space below 5-row lists collapses.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 manual_trading_hub/static/app.css    | 17 ++++++-----------
 manual_trading_hub/static/index.html |  2 +-
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index f8cd047..3f3c309 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -7959,8 +7959,7 @@ body.funds-fullscreen-open {
   display: grid;
   grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
   gap: 14px;
-  min-height: calc(100vh - 240px);
-  align-items: stretch;
+  align-items: start;
 }
 .archive-quotes-panel,
 .archive-main-panel {
@@ -7974,8 +7973,7 @@ body.funds-fullscreen-open {
   flex-direction: column;
   gap: 10px;
   padding: 12px;
-  min-height: calc(100vh - 200px);
-  overflow: hidden;
+  overflow: visible;
 }
 .archive-panel-head {
   display: flex;
@@ -8012,8 +8010,8 @@ body.funds-fullscreen-open {
   min-height: 110px;
 }
 .archive-quotes-list {
-  flex: 1 1 auto;
-  min-height: 0;
+  flex: 0 1 auto;
+  max-height: min(420px, 50vh);
   overflow: auto;
   display: flex;
   flex-direction: column;
@@ -8588,7 +8586,7 @@ body.funds-fullscreen-open {
   padding: 0 10px 10px;
 }
 .archive-trades-section {
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   min-height: 0;
   display: flex;
   flex-direction: column;
@@ -8596,16 +8594,13 @@ body.funds-fullscreen-open {
 .archive-trades-section > .archive-trades {
   border: none;
   border-radius: 0;
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   min-height: 0;
   max-height: none;
 }
 #page-archive.is-chart-open .archive-trades-section > .archive-trades {
   flex: 0 0 auto;
 }
-#page-archive:not(.is-chart-open) .archive-trades-section > .archive-trades {
-  min-height: calc(100vh - 420px);
-}
 .archive-chart-toolbar {
   flex-wrap: wrap;
 }
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index b6eb5c2..9993d51 100644
--- a/manual_trading_hub/static/index.html
+++ b/manual_trading_hub/static/index.html
@@ -15,7 +15,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-      <link rel="stylesheet" href="/assets/app.css?v=20260717-archive-pager" />
+      <link rel="stylesheet" href="/assets/app.css?v=20260717-archive-compact" />
   <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>