From 30901d50ea6942ad47764fe7b114e8734f3209b6 Mon Sep 17 00:00:00 2001 From: Jon Froehlich Date: Thu, 18 Jun 2026 11:42:01 -0700 Subject: [PATCH] fix(ui): wrap member section nav 2-up on mobile (#1331) The sticky section nav (Projects / Papers / Videos / Talks) wrapped unevenly on phones, orphaning "Talks" onto its own line. Pin each link to ~half-row width below 576px so the four sections wrap a clean 2-up grid. Reusing the existing flex-wrap + justify-content:center also centers a lone last item for members with only three sections. Co-Authored-By: Claude Opus 4.8 (1M context) --- website/static/website/css/member.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/website/static/website/css/member.css b/website/static/website/css/member.css index deb5f711..013b7a24 100644 --- a/website/static/website/css/member.css +++ b/website/static/website/css/member.css @@ -651,6 +651,17 @@ outline-offset: var(--focus-ring-offset); } +/* On phones, pin each link to ~half the row so the four sections wrap a clean + 2-up grid (Projects/Papers, then Videos/Talks) instead of orphaning "Talks" + onto its own line (#1331). flex-wrap + justify-content:center (above) center + a lone last item for members who have only three sections. */ +@media (max-width: 576px) { + .member-section-nav-list li { + flex: 0 1 calc(50% - var(--space-2)); + text-align: center; + } +} + /* Anchor jumps (and scroll-spy) should land the heading below the fixed navbar AND this sticky nav, not underneath them. */ .person-section {