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); }