Skip to content

PR-SETTINGS-ROW-SPACIOUS-0: bigger row padding + typography (round 1/15) - #143

Merged
jackwener merged 1 commit into
mainfrom
pr/settings-row-spacious
Jun 23, 2026
Merged

PR-SETTINGS-ROW-SPACIOUS-0: bigger row padding + typography (round 1/15)#143
jackwener merged 1 commit into
mainfrom
pr/settings-row-spacious

Conversation

@jackwener

Copy link
Copy Markdown
Member

Summary

Round 1/15 of the structured polish loop (WAWQAQ msg `f7e9d166`). Reference settings rows are visibly more spacious than maka's — ~80-90px tall with comfortable internal padding, while maka was at `min-height: 56px` with tight 16/20 padding.

`.settingsFormRow`:

  • `min-height` 56 → 72
  • `padding` 16/20 → 20/24
  • inner gap 16 → 20
  • label 14 → 15px / lh 1.35
  • hint 12 → 13px / lh 1.45 / color tone -50 → -55
  • hint margin-top 4 → 6

Hover + divider behaviour unchanged.

Test plan

  • `npm test` in `apps/desktop`: 1466 passed
  • Visual smoke: 通用 — rows visibly more spacious; reads less cramped.

WAWQAQ msg f7e9d166 + reference screenshots: settings rows are
visibly more spacious in reference than in maka. WAWQAQ's QoderWork
preferences screenshot showed rows ~80–90px tall with comfortable
internal padding; maka's were 56px min-height with tight 16/20
padding, which read as cramped.

Bumped `.settingsFormRow`:
- min-height 56 → 72
- padding 16/20 → 20/24
- gap inside row 16 → 20
- label font-size 14 → 15px, line-height 1.35
- hint font-size 12 → 13px, color tone -50 → -55, line-height 1.45
- hint margin-top 4 → 6px

Row hover and divider behaviour unchanged from PR-GROUPED-CARD-0.

1466 / 1466 tests pass.
@jackwener
jackwener merged commit 48302f1 into main Jun 23, 2026
@Astro-Han
Astro-Han deleted the pr/settings-row-spacious branch July 14, 2026 05:05
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