Keep toggles circular when collapsed; light…

Details

Browser verification (Playwright/Chromium across dark+light, desktop+mobile,
weather on/off, all four seasons) surfaced two issues in the hover-label dock:
- Collapsed buttons rendered as 64px pills instead of 44px circles because
  the label's padding wasn't clipped by max-width:0. Zero the padding when
  collapsed and animate it back in on hover.
- Hovering an "off" button (grid/weather) lit only the border, leaving the
  label/icon muted. Declare the off-state colour before :hover so hover wins
  and the whole control lights up in the accent colour, consistent with the
  always-on buttons.
Verified: collapsed buttons are 44x44 circles (radius 22, icon centered);
the off-state slash stays pinned over the icon when the pill expands.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Nnn3bS2w5hpS9miYkjF8d9

Files changed (1)