fd973dd3f7
All checks were successful
Deploy / deploy (push) Successful in 51s
Letting the six pills share row one with the brand and clock meant that once they stopped fitting, the header wrapped into ragged rows and orphaned the clock onto a line of its own. Commit to two deliberate rows at every width instead: identity and controls on top, pills centered on a full-width row beneath. The <=700px block already did exactly this, so this promotes that established pattern to all widths and drops the rules it no longer needs to restate. Also drops position:sticky — a status bar isn't worth permanent screen real estate, and the header now scrolls away with the page. Verified at 1554/1000/375px: brand and controls share a row, 0 pills clipped, no horizontal page overflow, position computes to static. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| base.css | ||
| dashboard.css | ||
| login.css | ||
| settings.css | ||