Skip to content

Wide/tall-window dead-band on Status and sparse Advanced pages #33

@shiftedx

Description

@shiftedx

From the 2026-06-11 critique re-run. P2 — needs a visual call from the maintainer, hence ready-for-human.

What: At very large windows (e.g. 2000×1000+), the Status band — vertically centered per the user-chosen treatment in PR #31 (web/src/styles/status.css @media (min-width: 1200px) and (min-height: 720px)) — floats ~450px below the toolbar, and the reviewer flagged hierarchy collapse ("the eye lands on an empty band"). The Edge-slots page has no treatment at all and reads ~60% empty at 1366px.

Why it matters: Status is the "is everything OK?" screen; on the big monitors PC racers actually use it reads unfinished (peak-end: the ending is wasted). Anchors (Linear/Raycast) top-align into a comfortable max-width column.

Direction to evaluate (eyes-on in dev:mock before committing): keep centering in the 1200–1600px band where it was approved, but cap it — top-align with generous padding and a max content width beyond that; give Edge slots a bounded content column. Also note the centering's calc(100dvh - 130px) hardcodes measured chrome and drifts if the toolbar height ever changes.

Constraints: cd web && npm run check green (visual-smoke at 1366/1440/390); show treatments in npm run dev:mock for approval.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestready-for-humanRequires human implementation or judgment

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions