fix(web): spacing/responsive nits (rhythm, grid, overflow, sort cue, ellipsis) #467

Merged

nrupard merged 1 commit from fix/BUNYIP-472-spacing-responsive-nits into main

2026-08-04 20:41:03 +02:00

nrupard commented

2026-08-04 20:35:32 +02:00

Owner

What

Five UI nits (BUNYIP-455): F1 page-container space-y-8 -> space-y-6 (dashboard + docs-mgmt); F25 dashboard app-grid -> gap-6 md:grid-cols-2 lg:grid-cols-3; F18 three-dot -> single-char ellipsis in Stripe/seed placeholders; F17 dimmed up/down chevron on inactive sortable headers (new chevrons-up-down icon); F26 wrap the users grid in overflow-x-auto + min-width so it scrolls within its card at 375px.

Verify

just check-container passes (fmt + clippy + tests). Class/markup changes only.

Closes BUNYIP-472.

## What Five UI nits (BUNYIP-455): F1 page-container space-y-8 -> space-y-6 (dashboard + docs-mgmt); F25 dashboard app-grid -> gap-6 md:grid-cols-2 lg:grid-cols-3; F18 three-dot -> single-char ellipsis in Stripe/seed placeholders; F17 dimmed up/down chevron on inactive sortable headers (new chevrons-up-down icon); F26 wrap the users grid in overflow-x-auto + min-width so it scrolls within its card at 375px. ## Verify `just check-container` passes (fmt + clippy + tests). Class/markup changes only. Closes BUNYIP-472.

nrupard added 1 commit

2026-08-04 20:35:32 +02:00

fix(web): spacing/responsive/affordance nits (rhythm, grid, overflow, sort cue, ellipsis)

E2E PR gate / Install + reachability (no deployment secrets) (pull_request) Successful in 23s

Details

Check / fmt + clippy + build + tests (pull_request) Successful in 5m27s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

65be63d0f9

Cluster of five UI nits from the 2026-08-04 UI audit (BUNYIP-455):
- F1: /dashboard and the docs-management page used space-y-8 for the top-level page container where every sibling uses space-y-6. Aligned.
- F25: the /dashboard "Your Applications" card grid used gap-4 lg:grid-cols-2 (one column until lg) while /applications uses gap-6 md:grid-cols-2 lg:grid-cols-3. Aligned, so 768px shows two columns on both.
- F18: placeholders mixed the single-character ellipsis and three literal dots; converted the three-dot Stripe id placeholders and the seed JSON placeholder to the single-character ellipsis.
- F17: sortable admin table headers showed a direction arrow only on the active column; inactive Email/Tier/Verification/Joined headers now show a dimmed up/down chevron (new chevrons-up-down icon, opacity-40) so sortability is discoverable at rest.
- F26: the fixed-column users grid had no inner overflow container, so at 375px it overflowed the card and scrolled the whole admin pane; wrapped the header + list in overflow-x-auto and gave the grid a min-width so it scrolls within its card.

#BUNYIP-472

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: nrupard <natrsmith11@gmail.com>

nrupard scheduled this pull request to auto merge when all checks succeed

2026-08-04 20:37:34 +02:00