The unit toggle sat inside .brand after a flex-basis:auto title block, so on narrow (phone) widths the long tagline claimed the first row and bumped the toggle onto its own line mid-header. Give the title block flex:1 1 0 with min-width:0 so it contributes ~nothing to the wrap decision and shrinks instead — keeping the toggle on the logo's row, top-right, with the tagline wrapping beneath and the view tabs on their own row below. |
||
|---|---|---|
| .. | ||
| app.js | ||
| calendar.html | ||
| calendar.js | ||
| compare.html | ||
| compare.js | ||
| day.html | ||
| day.js | ||
| index.html | ||
| legend.html | ||
| mappicker.js | ||
| nav.js | ||
| style.css | ||