The leading text in alert cards (mobile + desktop) and fleet rows wrap to a multi-line layout when the description + project badge + status pill can't all fit horizontally. The inner flex containers holding the description span already had 'truncate' on the span, but were missing 'min-w-0', so the flex children couldn't shrink below their content size. Add 'min-w-0' to four inner flex containers: - AlertCard top row (mobile alert cards) - FleetMobileCard edit-mode meta row (project badge + fuel-limits + UnitTypeSelect) - FleetMobileCard non-edit meta row (project badge + UnitTypePill + fuel-limits) - FleetRow top cell (desktop fleet row, Description or Link) Add native 'title' attribute on the three truncatable description spans (AlertCard, AlertListRow, FleetMobileCard non-edit) so the full vehicle name is available on hover as a fallback for the ellipsis truncation. |
||
|---|---|---|
| .. | ||
| api | ||
| dashboard | ||
| login | ||
| apple-icon.png | ||
| favicon.ico | ||
| globals.css | ||
| layout.tsx | ||
| page.tsx | ||