From 2e4edbf2d0af08f3193e1cacbe5ff58261fd291b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Fri, 15 May 2026 16:27:01 +0200
Subject: [PATCH] fix(settings): raise the TimezonePicker inner gap to match
 the form rhythm

The picker row sits between two `space-y-4` (16 px) form rows, so the
old `gap-2` (8 px) between the select and the detect button read as a
tighter rhythm than the rest of the profile form. `gap-3` (12 px) keeps
the detect button visually attached to the select (it is a hugged
action) while no longer breaking the cadence the surrounding rows set.
---
 src/components/settings/timezone-picker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings/timezone-picker.tsx b/src/components/settings/timezone-picker.tsx
index 6486d63bf..423095706 100644
--- a/src/components/settings/timezone-picker.tsx
+++ b/src/components/settings/timezone-picker.tsx
@@ -88,7 +88,7 @@ export function TimezonePicker({
   return (
     <div className="space-y-2">
       <Label htmlFor={id}>{t("settings.timezone")}</Label>
-      <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
         <select
           id={id}
           value={value}