From f8c2e1ad74c701f739c011c10821b4486a487424 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Sat, 28 Mar 2026 14:51:40 +0300
Subject: [PATCH] fix: align auto deploy toggle with form field row, add label

---
 web/src/routes/projects/[id]/+page.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/projects/[id]/+page.svelte b/web/src/routes/projects/[id]/+page.svelte
index f783029..38a856e 100644
--- a/web/src/routes/projects/[id]/+page.svelte
+++ b/web/src/routes/projects/[id]/+page.svelte
@@ -342,8 +342,11 @@
 						<FormField label="Name *" name="stageName" bind:value={stageName} placeholder="dev" />
 						<FormField label="Tag Pattern" name="stagePattern" bind:value={stageTagPattern} placeholder="dev-*" helpText="Glob pattern (e.g., dev-*, v*)" />
 						<FormField label="Max Instances" name="stageMax" type="number" bind:value={stageMaxInstances} />
-						<div class="flex items-end pb-2">
-							<ToggleSwitch bind:checked={stageAutoDeploy} label="Auto Deploy" />
+						<div class="flex flex-col gap-1.5">
+							<label class="text-sm font-medium text-[var(--text-primary)]">Auto Deploy</label>
+							<div class="flex items-center h-[38px]">
+								<ToggleSwitch bind:checked={stageAutoDeploy} label="Auto Deploy" />
+							</div>
 						</div>
 					</div>
 					<div class="mt-3 flex justify-end">