Heatmap row label ellipsizes at the table's minimum width with no way to read it

[realmarcin]

Found reviewing #49.

table.fleet-heat tbody th now carries overflow: hidden; text-overflow: ellipsis and a fixed 150px column. At the table's floor width the longest Mech name does not fit and is truncated, and the th has no title attribute, so the full name is unrecoverable by hover or by screen reader.

Measured in Chrome on the local harness, with the card constrained to the floor:

row label	content box	text needs
MediaIngredientMech	140.4px	143.0px

Every other row has at least 11px of slack. At the default desktop width the card is wider than the floor, fixed layout shares out the surplus, the header column grows to 158px and nothing truncates — so this only appears between roughly 970px and 1010px of card width, and on any platform whose fallback font is wider than the one measured here.

Two candidate fixes: add title to the row header so the name survives truncation either way, or widen the header column and take the pixels back from the vocabulary columns.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BXHrBTSU8fU4Zg7HfaMKs9

[realmarcin]

Correction: the name is not unrecoverable. The row header anchor already carries title="Open <MechName>" (_fleet/fleet_fragment.html:722), so hovering shows the full name, and overflow: hidden does not hide text from assistive technology, so screen readers read it in full either way.

What remains is the visual truncation itself: between roughly 970px and 1010px of card width the longest label renders as MediaIngredientMec…. That is cosmetic, it affects one of nine rows, and every fix costs width somewhere else, so leaving it filed rather than fixing it inside #49.