Adjust book title spacing on mobile and desktop

[feynon]

Motivation

• The spacing beneath book page titles and the adjacent datestamp was inconsistent between mobile and desktop, and the runtime move of the datestamp produced a mismatch between CSS and inline styles.
• Tighten and harmonize the title→meta rhythm so headings sit closer to their metadata while preserving a clear gap before the main content.

Description

• Add a shared rule in app/globals.css to reduce h1 bottom spacing to 0.25rem so title-to-meta spacing is consistent across breakpoints.
• Reduce mobile h1 bottom spacing and increase the mobile datestamp bottom margin to 1rem in app/globals.css to keep a clean gap after the datestamp.
• Align desktop datestamp spacing by changing CSS from margin-top: 0.5rem; margin-bottom: 1.5rem; to margin-top: 0; margin-bottom: 1rem; in app/globals.css and update BookDatestampMover (components/book-datestamp-mover.tsx) inline styles to div.style.marginTop = '0' and div.style.marginBottom = '1rem' so runtime moves match the stylesheet.

Testing

• Ran npm run lint; it failed in this environment due to ESLint v9 requiring an eslint.config.(js|mjs|cjs) file (existing repo uses legacy config), so no lint pass could be completed here.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
tiles-next	Ready	Preview, Comment, Open in v0	Apr 19, 2026 4:48am