Roster rows wrap instead of truncating the temperament

The name cell was a fixed-height nowrap/ellipsis line, clipping even
plain 'archmage hunter' mid-game. The temper tag now wraps below the
name as one piece and the row grows to fit.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0138A8CjeQRpvzKxuMfz1Bqc
This commit is contained in:
Eric Wagoner
2026-08-18 00:48:37 -04:00
co-authored by Claude Fable 5
parent b650e1e636
commit 3323f81fba
+5 -2
View File
@@ -2363,7 +2363,7 @@
display: flex;
align-items: center;
gap: 0.5rem;
height: 1.55rem;
min-height: 1.55rem;
}
.slip.creature-note { background: #e7edda; border-color: #7d8a5a; }
.score-row.active .score-name { font-weight: 700; }
@@ -2372,6 +2372,9 @@
font-size: 0.85rem;
color: #8a7a5e;
margin-left: 0.25rem;
/* Wraps below the name as one piece rather than truncating the row. */
display: inline-block;
white-space: nowrap;
}
.table-cards {
display: flex;
@@ -2393,7 +2396,7 @@
.table-card.spell-chip { background: #ece2f2; border-color: #8a6fa0; color: #4a3260; }
.table-card.spell-chip:hover { background: #e3d5ee; }
.score-row.dead { opacity: 0.5; text-decoration: line-through; }
.score-name { font-family: "Caveat", cursive; font-size: 1.25rem; line-height: 1; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.score-name { font-family: "Caveat", cursive; font-size: 1.25rem; line-height: 1; flex: 1; min-width: 0; }
.score-life { font-family: "Caveat", cursive; font-size: 1.4rem; font-weight: 700; min-width: 1.6rem; text-align: right; }
.score-marks { font-size: 0.75rem; color: #6b5a41; }
.score-chest-btn {