diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte index 47c92c8..8429e0e 100644 --- a/packages/web/src/App.svelte +++ b/packages/web/src/App.svelte @@ -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 {