From fab588083f4ac5de9c5a525b2e62ad3a39cc544b Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 8 Mar 2026 10:45:51 +0100
Subject: [PATCH] style: move Day / Weekday Gap above Weekday Font in settings

---
 src/components/WeeklyView.tsx | 79 ++++++++++++++++++-----------------
 1 file changed, 40 insertions(+), 39 deletions(-)

diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index c585201..53a6044 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -10298,6 +10298,45 @@ function SettingsSidebar({
                                         </select>
                                     </div>
                                 </div>
+                                {/* Day / Weekday Gap */}
+                                <div
+                                    style={{
+                                        background: "var(--weekly-settings-item-bg)",
+                                        padding: "12px",
+                                        borderRadius: "8px",
+                                        marginBottom: "12px",
+                                    }}
+                                >
+                                    <label
+                                        style={{
+                                            display: "block",
+                                            fontSize: "0.85rem",
+                                            fontWeight: 600,
+                                            color: "var(--weekly-settings-label)",
+                                            marginBottom: "8px",
+                                        }}
+                                    >
+                                        Day / Weekday Gap
+                                    </label>
+                                    <input
+                                        type="text"
+                                        value={profile.dayHeaderGap || "0.35em"}
+                                        onChange={(e) =>
+                                            setProfile({ ...profile, dayHeaderGap: e.target.value })
+                                        }
+                                        placeholder="0.35em"
+                                        className="weekly-input"
+                                        style={{
+                                            width: "100%",
+                                            padding: "8px",
+                                            fontSize: "0.9rem",
+                                            border: "1px solid var(--weekly-settings-input-border)",
+                                            borderRadius: "4px",
+                                            background: "var(--weekly-settings-input-bg)",
+                                            color: "var(--weekly-settings-text)",
+                                        }}
+                                    />
+                                </div>
 
                                 {/* Day Names */}
                                 <div
@@ -10656,45 +10695,7 @@ function SettingsSidebar({
                                     </div>
                                 </div>
 
-                                {/* Day / Weekday Gap */}
-                                <div
-                                    style={{
-                                        background: "var(--weekly-settings-item-bg)",
-                                        padding: "12px",
-                                        borderRadius: "8px",
-                                        marginBottom: "12px",
-                                    }}
-                                >
-                                    <label
-                                        style={{
-                                            display: "block",
-                                            fontSize: "0.85rem",
-                                            fontWeight: 600,
-                                            color: "var(--weekly-settings-label)",
-                                            marginBottom: "8px",
-                                        }}
-                                    >
-                                        Day / Weekday Gap
-                                    </label>
-                                    <input
-                                        type="text"
-                                        value={profile.dayHeaderGap || "0.35em"}
-                                        onChange={(e) =>
-                                            setProfile({ ...profile, dayHeaderGap: e.target.value })
-                                        }
-                                        placeholder="0.35em"
-                                        className="weekly-input"
-                                        style={{
-                                            width: "100%",
-                                            padding: "8px",
-                                            fontSize: "0.9rem",
-                                            border: "1px solid var(--weekly-settings-input-border)",
-                                            borderRadius: "4px",
-                                            background: "var(--weekly-settings-input-bg)",
-                                            color: "var(--weekly-settings-text)",
-                                        }}
-                                    />
-                                </div>
+
 
                                 {/* Calendar Week Font */}
                                 <div