[avatarneil]

The logo, subtitle, account actions, season selector, phase tabs, and week picker consumed nearly half the screen before the first game. Compact the header so more games are visible immediately.

• Put smaller branding and account actions on one row; use the account avatar without the email and remove the redundant subtitle.
• Place the season selector beside the phase tabs when they fit, with wrapping on narrow screens and labels sized for the available container.
• Tighten spacing and combine week dates/game count. Shorten redundant preseason week labels so they fit on small phones.
• Preserve 44px control targets, keyboard focus, accessible names, and the postseason availability explanation.

Signed-out regular-season comparison against the current production UI, using identical mocked schedule data:

Viewport	First game before	First game after	Space recovered
390px phone	436px	252px	184px (42%)
1440px desktop	489px	261px	228px (47%)

Validation: production build, TypeScript, formatting, and lint passed (seven existing lint warnings). Existing schedule, responsive, and bracket suites passed 52 Chromium/Firefox checks and 24 mobile Safari checks, including accessibility. Two existing mouse-wheel tests were excluded from mobile Safari because Playwright does not support that input in mobile WebKit; both passed in desktop browsers. Inspected layouts from 320px through 2560px with no horizontal overflow. Browser checks used signed-out sessions; authenticated account flows were not exercised.

[vercel]

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

Project	Deployment	Actions	Updated
nfl-playoff-bracket	Ready	Preview	Sep 20, 2026 10:17pm UTC