Home

boring / v2

publicBoring-Software-Inc/v2
Overview Code History Branches Pull requestsIssuesInsights Campfire Docs
main
HomeOverview Code PRsIssues

design: fix rule card header collapsing under chip count

3 months ago

9a4f9f7
Authored
grim7/28/2026, 4:41:10 PM
The header was one wrapping flex row with the stat+toggle pushed right
by ml-auto. A third chip (block + custom + medium) left the rail nowhere
to go, so it wrapped to a second line, doubling the header height and
knocking every card in the grid out of alignment.

Splits it into two lanes that can't collide: an identity column that
truncates (min-w-0) with chips on their own row, and a shrink-0 rail
holding the sparkline, a fixed 32px stat column and the toggle. Any
number of chips now leaves the rail where it is.

Also unifies chip styling behind one CHIP constant — severity becomes a
5px dot instead of a filled amber pill that out-shouted the rule name —
and moves delete into the well's action lane so every card's actions sit
on one line.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Parent1c42456

1 file changed
  • apps/web/src/components/rules/rule-card.tsx+97−85