Stop dashboard table cells breaking whole words

overflow-wrap: anywhere let the table layout shrink a column below its
longest word, splitting tokens like "unconstrained" mid-word. Switch to
break-word so a word only breaks when it genuinely cannot fit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Joseph Doherty
2026-05-17 00:56:55 -04:00
parent 509b0118d4
commit f598b3a647
@@ -154,7 +154,9 @@ body.dashboard-body { min-height: 100vh; }
}
.dashboard-table td {
max-width: 26rem;
overflow-wrap: anywhere;
/* break-word, not anywhere: only split a word when it genuinely cannot
fit, so the column keeps whole words like "unconstrained" intact. */
overflow-wrap: break-word;
}
.dashboard-table tbody tr:last-child td { border-bottom: none; }
.dashboard-table tbody tr:hover { background: #f3f6fd; }