From 03a66546f3bd132fd66b1b286a22f3844085939f Mon Sep 17 00:00:00 2001
From: yuxuanhui <ud.k2007@gmail.com>
Date: Fri, 11 Sep 2026 13:32:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=99=90=E5=88=B6=E5=9B=9E=E6=B5=8B?=
 =?UTF-8?q?=E8=BF=90=E8=A1=8C=E6=A0=87=E9=A2=98=E5=AE=BD=E5=BA=A6=E9=81=BF?=
 =?UTF-8?q?=E5=85=8D=E5=88=97=E5=86=85=E5=AE=B9=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/backtests/BacktestPage.tsx |  4 ++++
 frontend/src/backtests/style.css        | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/frontend/src/backtests/BacktestPage.tsx b/frontend/src/backtests/BacktestPage.tsx
index 85116d6..b7f7bff 100644
--- a/frontend/src/backtests/BacktestPage.tsx
+++ b/frontend/src/backtests/BacktestPage.tsx
@@ -368,6 +368,8 @@ export function BacktestPage({
               render: (value, r) => (
                 <Button
                   theme="borderless"
+                  className="backtest-name-button"
+                  title={String(value)}
                   onClick={() => openRun(r!.backtest_run_id)}
                 >
                   {String(value)}
@@ -419,6 +421,8 @@ export function BacktestPage({
               render: (v, d) => (
                 <Button
                   theme="borderless"
+                  className="backtest-name-button"
+                  title={String(v)}
                   onClick={() => void perform(() => loadDraft(d!.id))}
                 >
                   {String(v)}
diff --git a/frontend/src/backtests/style.css b/frontend/src/backtests/style.css
index 73347fa..789de23 100644
--- a/frontend/src/backtests/style.css
+++ b/frontend/src/backtests/style.css
@@ -86,3 +86,16 @@
     gap: 8px;
   }
 }
+
+/* Bound the button and its flex content independently so long names stay in their column. */
+.backtest-page .backtest-name-button {
+  max-width: 100%;
+  min-width: 0;
+}
+.backtest-page .backtest-name-button .semi-button-content {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}