Skip to content

Calmer start page, one type scale, more room for text on phones (v1.6.1) - #9

Merged
tschnorpfeil merged 1 commit into
mainfrom
fix/ui-sizing
Oct 23, 2026
Merged

tschnorpfeil merged 1 commit into
mainfrom
fix/ui-sizing

Conversation

@tschnorpfeil

Copy link
Copy Markdown
Owner

Summary

Start page hero (decluttered following the distill / quieter guidance from pbakaus/impeccable):

  • Headline 30 → 44px, lead text 14.5 → 17px, body text 14.5 → 16px.
  • One short subline instead of two sentences; the supported formats and the drag-and-drop hint are named once under the file slots instead of in each slot; the extra "drop both files" line is gone (it still works).
  • "View example" is the only button next to the slots; "Paste text" and "Open saved work" are quiet text buttons.
  • Three trust badges become one line.

Type scale: every font size comes from tokens (13, 14, 15.5, 16, 17, 19px plus the start page headings) instead of 13 hand-picked sizes. Header/footer lines in the document are no longer set at 13px.

Phones: the review buttons sit in a labelled row ("Accept", "Reject", undo, edit) just above the bottom bar instead of a 54px button column next to every paragraph. Only a 30px margin for the ✓/✗ mark stays, so the text column grows from 287 to 311px and selecting a paragraph still never moves text.

Also: version 1.6.1 and release notes (they include the column fix from #8).

Test plan

  • python3 scripts/build.py and node scripts/check.mjs
  • Browser, 1440px: start page (empty and with one file loaded), comparison view: same text width on both sides, all 33 rows equal height, all unchanged paragraphs wrap identically, review buttons in the margin
  • Browser, 375px: start page (DE and EN), comparison view; accepting from the row above the bottom bar moves to the next change and shows the ✓ mark
  • Real phone (iOS Safari)

🤖 Generated with Claude Code

- Start page hero: larger headline and lead text; one short subline; the
  formats named once under the file slots; "View example" as the only
  button, "Paste text" and "Open saved work" as quiet text buttons; the
  three trust badges become one line.
- Type: all font sizes come from one scale of tokens instead of thirteen
  hand-picked sizes; header/footer lines are no longer smaller than the text.
- Phones: the review buttons (with labels and undo) sit in a row above the
  bottom bar instead of a 54px column next to every paragraph; only a
  narrow margin for the ✓/✗ mark stays.
- Version 1.6.1 and release notes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@tschnorpfeil
tschnorpfeil merged commit c02953d into main Oct 23, 2026
1 check passed
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