From 4305c77df4afe98567cf56a4ecf4015b2e8cbee7 Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Wed, 29 Apr 2026 20:33:03 -0400
Subject: [PATCH] fix(profile): match timezone dropdown styling to rest of
 profile form

The timezone select used generic form-group/form-select CSS classes
while all other fields use Tailwind utilities with CSS custom
properties. Updated to use the same w-full px-3 py-2 border rounded
pattern with var(--bg-primary), var(--text-primary), and
var(--border) for visual consistency.
---
 templates/profile_form.templ | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/templates/profile_form.templ b/templates/profile_form.templ
index cf8bd08..b9a8eb9 100644
--- a/templates/profile_form.templ
+++ b/templates/profile_form.templ
@@ -70,9 +70,13 @@ templ ProfileForm(user User, actionURL string, requireCurrentPassword bool, show
 						<option value="material-dark" selected?={ user.Theme == "material-dark" }>Material Dark</option>
 					</select>
 				</div>
-				<div class="form-group">
-					<label for="timezone">Timezone</label>
-					<select name="timezone" id="timezone" class="form-select">
+				<div>
+					<label class="block text-sm font-medium mb-1" style="color: var(--text-secondary)">Timezone</label>
+					<select
+						name="timezone"
+						class="w-full px-3 py-2 border rounded"
+						style="background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);"
+					>
 						<option value="UTC" selected?={ user.Timezone == "UTC" }>UTC (Coordinated Universal Time)</option>
 						<option value="America/New_York" selected?={ user.Timezone == "America/New_York" }>Eastern Time</option>
 						<option value="America/Chicago" selected?={ user.Timezone == "America/Chicago" }>Central Time</option>