Skip to content

Right-align dates when article title wraps - #34

Merged
aefhm merged 1 commit into
mainfrom
fix-writing-date-alignment
Jul 7, 2026
Merged

Right-align dates when article title wraps#34
aefhm merged 1 commit into
mainfrom
fix-writing-date-alignment

Conversation

@aefhm

@aefhm aefhm commented Jul 6, 2026

Copy link
Copy Markdown
Owner

Problem

On mobile, a long writing title ("2016 After Election Thanksgiving") forces its date onto a second flex row, where justify-content: space-between left-aligns the lone item — breaking the right-aligned date column on the Writings index.

Fix

One line: give .writing-date margin-left: auto. On a shared row the auto margin absorbs the same free space space-between did (no visual change); on a wrapped row it pushes the date flush right.

Verification

  • 375px viewport: "Nov 2016" still wraps below the long title but is now right-aligned, matching the other rows
  • Desktop: all rows identical to before

Fixes #33

🤖 Generated with Claude Code

@aefhm
aefhm force-pushed the fix-writing-date-alignment branch from 58fa5b1 to 266bed2 Compare July 6, 2026 20:27
@aefhm aefhm changed the title Right-align writing dates when they wrap Right-align dates when article title wraps Jul 7, 2026
@aefhm
aefhm force-pushed the fix-writing-date-alignment branch from 266bed2 to d1e559f Compare July 7, 2026 20:45
@aefhm
aefhm merged commit 4f962bf into main Jul 7, 2026
1 check passed
@aefhm
aefhm deleted the fix-writing-date-alignment branch July 7, 2026 20:46
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.

Fix CSS

1 participant