Skip to content

Reduce whitespace above post titles#703

Merged
Wituareard merged 3 commits intoPauseAI:mainfrom
RisingOrange:fix/post-page-title-spacing
Mar 27, 2026
Merged

Reduce whitespace above post titles#703
Wituareard merged 3 commits intoPauseAI:mainfrom
RisingOrange:fix/post-page-title-spacing

Conversation

@RisingOrange
Copy link
Copy Markdown
Contributor

@RisingOrange RisingOrange commented Mar 26, 2026

Closes #595

Reduce the extra whitespace between the navigation and the title on post pages by setting the post page hgroup top margin to 0.

Summary

  • Set hgroup { margin-top: 0; } on src/routes/[slug]/+page.svelte
  • Scope the change to post pages only
  • Leave the global header/navbar and other routes unchanged

Verification

  • Compared before/after screenshots on /protest-london-feb-2026
  • Checked the result on both desktop and mobile

Narrow Desktop: /protest-london-feb-2026

BeforeAfter
london narrow desktop before london narrow desktop after

Desktop: /protest-london-feb-2026

BeforeAfter
london desktop before london desktop after top14

Single-Line Title Desktop: /building-the-pause-button

BeforeAfter
building the pause button before building the pause button after top14

Mobile: /protest-london-feb-2026

BeforeAfter
london mobile before london mobile after

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 26, 2026

👷 Deploy request for pauseai pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 3dafbac

@Wituareard
Copy link
Copy Markdown
Collaborator

I think the clean way would have been to remove the margin in the global style, but the section looks scary, so I guess that's fine

@Wituareard
Copy link
Copy Markdown
Collaborator

Maybe the table of contents should be moved up so the relative position to the heading stays similar

@RisingOrange
Copy link
Copy Markdown
Contributor Author

RisingOrange commented Mar 27, 2026

@Wituareard I adjusted the TOC position, and added screenshots to the PR description.

Does this look good now?

@Wituareard
Copy link
Copy Markdown
Collaborator

Yup, thanks!

@Wituareard Wituareard merged commit cc67426 into PauseAI:main Mar 27, 2026
1 check passed
@RisingOrange RisingOrange deleted the fix/post-page-title-spacing branch March 27, 2026 13:00
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.

Reduce whitespace in pages

2 participants