From f25f7f3597a2da333740f780f886277b6450acbc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Fri, 5 Jun 2026 13:40:12 +0200 Subject: [PATCH] settings: full-width timezone select + match the excluded-sites card surface --- src/components/settings/injection-sites-card.tsx | 2 +- src/components/settings/timezone-picker.tsx | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/settings/injection-sites-card.tsx b/src/components/settings/injection-sites-card.tsx index 63ae404fd..ed57c25e0 100644 --- a/src/components/settings/injection-sites-card.tsx +++ b/src/components/settings/injection-sites-card.tsx @@ -68,7 +68,7 @@ export function InjectionSitesCard({ } return ( -
+
` primitive owns the visual -// contract now. The `sm:max-w-sm` modifier still composes via the -// `className` prop below so the picker keeps its narrow desktop width. +// contract now. The select spans the full width of its grid cell so it +// lines up with the fields above it rather than sitting narrower. export interface TimezonePickerProps { /** The user's current stored timezone. */ @@ -82,7 +82,7 @@ export function TimezonePicker({ id={id} value={value} onChange={(e) => onChange(e.target.value)} - className="sm:max-w-sm" + className="w-full" > {/* Preserve the stored value even if the runtime's IANA list changed across engines or tzdata rolls. */}