diff options
| author | soryu-co <bot@soryu.co> | 2026-05-06 11:21:38 +0000 |
|---|---|---|
| committer | soryu-co <bot@soryu.co> | 2026-05-06 11:21:38 +0000 |
| commit | dcfea4c42dcd6cce6e9f80d22cfc51b9b28ba104 (patch) | |
| tree | 42495b48fd971818f6586d7b0c5541d19d113432 /frontend/src/components | |
| parent | f810781c1c612f276cd5b954a9f93a2101b0274f (diff) | |
| download | soryu-dcfea4c42dcd6cce6e9f80d22cfc51b9b28ba104.tar.gz soryu-dcfea4c42dcd6cce6e9f80d22cfc51b9b28ba104.zip | |
Center mobile navbar buttons (kill leftover pc98 margin-top)
The bottom-CTA layout in pc98.css had a mobile-specific
margin-top: 20px on .taisho-cta, which carried over into the new
top navbar and pushed every button 20px below the navbar's
vertical center on mobile (visible misalignment at 390x844 — the
Mission/MAKIMA/Login pills were sitting near the bottom edge of
the bar).
- Add margin: 0 !important to .taisho-cta in heisei.css (and to
the mobile-block override) so the legacy column-layout margin
is wiped on both breakpoints.
- Switch buttons to height: 32px + line-height: 32px for stable
vertical centering inside the 48px (mobile) / 52px (desktop)
navbar.
- Force align-self: center on .cta-left/.cta-right so they don't
inherit any stretched height from previously-applied rules.
Verified via Playwright DOM probe at 390x844:
navbar y=56–104 (centerY 80) · buttons y=64–96 (centerY 80) ✓
And at 1280x720:
navbar y=72–124 (centerY 98) · buttons y=83–113 (centerY 98) ✓
Screenshots in docs/heisei-screenshots/after-*.jpg refreshed.
Diffstat (limited to 'frontend/src/components')
0 files changed, 0 insertions, 0 deletions