From a4cd9663702ae5c5cbac6e9a3b73b9cfc0928060 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Mon, 6 Jul 2026 03:17:12 +0800
Subject: [PATCH] fix: align strategy page card heights and inner padding

Equal-height two-column cards with flex layout; add card padding and spacing so content is not flush to edges.

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

diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index 7d58412..e9ac287 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -7522,27 +7522,38 @@ body.funds-fullscreen-open {
 .strategy-layout {
   display: grid;
   grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
-  gap: 14px;
-  align-items: start;
+  gap: 16px;
+  align-items: stretch;
+}
+.strategy-doc-card,
+.strategy-checklist-card {
+  padding: 18px 20px 20px;
+  display: flex;
+  flex-direction: column;
+  min-height: min(72vh, 900px);
 }
 .strategy-col-title {
-  margin: 0 0 12px;
+  margin: 0 0 14px;
   font-size: 0.95rem;
   color: var(--text-soft);
 }
 .strategy-doc-body {
+  flex: 1 1 auto;
+  min-height: 0;
   font-size: 0.88rem;
   line-height: 1.55;
   color: var(--text);
-  max-height: min(72vh, 900px);
   overflow: auto;
-  padding-right: 4px;
+  padding: 2px 10px 2px 4px;
 }
 .strategy-doc-body h2 {
   font-size: 1rem;
-  margin: 1.2em 0 0.5em;
+  margin: 0.6em 0 0.5em;
   color: var(--text);
 }
+.strategy-doc-body h2:first-child {
+  margin-top: 0;
+}
 .strategy-doc-body h3 {
   font-size: 0.92rem;
   margin: 1em 0 0.4em;
@@ -7556,7 +7567,7 @@ body.funds-fullscreen-open {
 .strategy-doc-body th,
 .strategy-doc-body td {
   border: 1px solid var(--border-soft);
-  padding: 6px 8px;
+  padding: 8px 10px;
   text-align: left;
 }
 .strategy-doc-body blockquote {
@@ -7571,10 +7582,18 @@ body.funds-fullscreen-open {
   font-size: 0.8rem;
 }
 .strategy-doc-source {
-  margin: 12px 0 0;
+  margin: 14px 0 0;
+  padding-top: 12px;
+  border-top: 1px dashed var(--border-soft);
   font-size: 0.75rem;
   color: var(--muted);
 }
+.strategy-checklist-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  padding: 2px 10px 2px 4px;
+}
 .strategy-checklist-body ul {
   list-style: none;
   margin: 0;
@@ -7602,8 +7621,9 @@ body.funds-fullscreen-open {
   line-height: 1.2;
 }
 .strategy-checklist-footnotes {
-  margin: 12px 0 0;
-  padding-left: 18px;
+  margin: 14px 0 0;
+  padding: 12px 0 0 22px;
+  border-top: 1px dashed var(--border-soft);
   font-size: 0.78rem;
   color: var(--muted);
 }
@@ -7630,8 +7650,9 @@ body.funds-fullscreen-open {
   .strategy-layout {
     grid-template-columns: 1fr;
   }
-  .strategy-doc-body {
-    max-height: none;
+  .strategy-doc-card,
+  .strategy-checklist-card {
+    min-height: auto;
   }
 }
 
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index ca7fe76..e5b26ec 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=20260704-monitor-stats-v2" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260706-strategy-layout" />
   <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=3" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>