From 767754fc1056b1d2c43fb61efe4002d26916b2b3 Mon Sep 17 00:00:00 2001 From: you Date: Thu, 19 Mar 2026 20:58:14 +0000 Subject: [PATCH] fix: use max-width:0 on td so table compresses/expands with detail pane resize --- public/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/public/style.css b/public/style.css index 5f5d6d4a..b962d75f 100644 --- a/public/style.css +++ b/public/style.css @@ -219,11 +219,11 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible .data-table th.sortable:hover { color: var(--accent); } .data-table td { padding: 3px 6px; border-bottom: 1px solid var(--border); - vertical-align: middle; white-space: nowrap; max-width: 180px; + vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + max-width: 0; /* forces td to respect table width instead of expanding to content */ } -/* Details column gets more room since it has the most useful content */ -.data-table td.col-details { max-width: 400px; white-space: normal; word-break: break-word; } +.data-table td.col-details { white-space: normal; word-break: break-word; } .data-table tbody tr:nth-child(even) { background: var(--row-stripe); } .data-table tbody tr:hover { background: var(--row-hover); cursor: pointer; } .data-table tbody tr.selected { background: var(--selected-bg); }