Skip to content

design(board): tighten list row vertical rhythm on desktop - #197

Merged
johnpc merged 1 commit into
mainfrom
design/list-row-density
Aug 2, 2026
Merged

design(board): tighten list row vertical rhythm on desktop#197
johnpc merged 1 commit into
mainfrom
design/list-row-density

Conversation

@johnpc

@johnpc johnpc commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Design-polish pass — continuing on the List view (per owner direction). Measuring the row density (harness read boundingBox + computed padding), the chip-less single-line rows were airy — ~44px each — so the list felt loose and fewer tasks were scannable at once than in Asana's denser list.

Fix (CSS-only, tokens only)

Reduced the list row vertical padding from 8px to 6px. Chip-carrying rows still grow with their content (labels, subtask counts) — only the airy single-line rows tighten up. At 1280×800 this fits ~11 rows instead of ~10, and a single-line row drops from ~62px to ~58px, so the list reads as a crisp scannable table without feeling cramped.

Mobile is unaffected: the @media (max-width: 600px) stacked-row layout keeps its own roomier 12px padding (appropriate for touch targets).

Before → after

Full quality gate green; presentational-only. Verified against the sandbox (AWS_PROFILE=personal).

@johnpc
johnpc merged commit d5794d6 into main Aug 2, 2026
78 checks passed
@johnpc
johnpc deleted the design/list-row-density branch August 2, 2026 16:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant