Expand control-dock buttons with one-word labels on…

Details

The grid (gravity), weather, and brightness (theme) toggles now extend
into a pill on hover/focus, revealing a one-word label ("Grid",
"Weather", "Brightness") to the left of the icon. Each is anchored to
the right edge so it grows leftward while the icon stays put and centered
in the 44px end-cap.
- Labels render as ::before pseudo-elements so the theme button's
  innerHTML icon re-render can't wipe them.
- Off-state slash is pinned over the icon so it stays put when expanded.
- All three buttons share one rule set for a consistent, symmetric dock.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Nnn3bS2w5hpS9miYkjF8d9

Files changed (1)