Even, well-paced expand/collapse for the toggle…

Details

The labels animated on a single max-width:9rem that overshot every label
(Grid 58px, Weather 83px, Brightness 101px natural), so the pill spent a
chunk of the transition travelling dead space — a visible hang before
collapse and a dead tail on expand.
- Cap max-width per label (~12px above each natural width) so growth stops
  the instant the text fits; verified via Playwright width sampling the
  motion is now even both ways with only a ~2-3px imperceptible hang.
- Settle on a 0.3s standard ease (cubic-bezier .4,0,.2,1) — not too fast,
  not too slow — for both width and padding.
- Text fades out fast on collapse (0.14s) and fades in slightly delayed on
  expand (0.22s, 0.1s delay) so it appears as the pill opens instead of
  smearing or cramming.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Nnn3bS2w5hpS9miYkjF8d9

Files changed (1)