From 77a41bf4ef5c50370b2ae73e92fc64fec78e525d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <fjurma12@outlook.com>
Date: Sat, 31 May 2025 20:42:20 +0200
Subject: [PATCH] fix restart checkbox not triggering

---
 src/components/EditorAssistRules.svelte   | 45 ++++++-----
 src/components/EditorConfiguration.svelte | 37 ++++-----
 src/components/EditorEvent.svelte         | 99 ++++++++++++++---------
 src/components/EditorEventRules.svelte    | 49 +++++------
 src/components/EditorSettings.svelte      | 65 ++++++++-------
 5 files changed, 160 insertions(+), 135 deletions(-)

diff --git a/src/components/EditorAssistRules.svelte b/src/components/EditorAssistRules.svelte
index f5c68d4..943abba 100644
--- a/src/components/EditorAssistRules.svelte
+++ b/src/components/EditorAssistRules.svelte
@@ -18,14 +18,14 @@
 			formLoading = false;
 		};
 	}}
-	class="space-y-6 max-w-3xl"
+	class="max-w-3xl space-y-6"
 >
 	<input type="hidden" name="id" value={id} />
 	<input type="hidden" name="file" value={configFile.assistRules} />
-	<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 		<!-- Stability Control Level Max -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Stability Control Level Max:
 				<input
 					bind:value={editedConfig.stabilityControlLevelMax}
@@ -39,7 +39,7 @@
 
 		<!-- Disable Autosteer -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Autosteer:
 				<select
 					bind:value={editedConfig.disableAutosteer}
@@ -55,7 +55,7 @@
 
 		<!-- Disable Auto Lights -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Lights:
 				<select
 					bind:value={editedConfig.disableAutoLights}
@@ -71,7 +71,7 @@
 
 		<!-- Disable Auto Wiper -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Wiper:
 				<select
 					bind:value={editedConfig.disableAutoWiper}
@@ -87,7 +87,7 @@
 
 		<!-- Disable Auto Engine Start -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Engine Start:
 				<select
 					bind:value={editedConfig.disableAutoEngineStart}
@@ -103,7 +103,7 @@
 
 		<!-- Disable Auto Pit Limiter -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Pit Limiter:
 				<select
 					bind:value={editedConfig.disableAutoPitLimiter}
@@ -119,7 +119,7 @@
 
 		<!-- Disable Auto Gear -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Gear:
 				<select
 					bind:value={editedConfig.disableAutoGear}
@@ -135,7 +135,7 @@
 
 		<!-- Disable Auto Clutch -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Auto Clutch:
 				<select
 					bind:value={editedConfig.disableAutoClutch}
@@ -151,7 +151,7 @@
 
 		<!-- Disable Ideal Line -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Disable Ideal Line:
 				<select
 					bind:value={editedConfig.disableIdealLine}
@@ -165,22 +165,23 @@
 			</label>
 		</div>
 	</div>
-	<div class="pt-4 border-t border-gray-700">
+	<div class="border-t border-gray-700 pt-4">
 		<label class="flex items-center">
-			<input 
-			type="checkbox" 
-			bind:checked={restart}
-			class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-600 rounded bg-gray-700"
+			<input
+				type="checkbox"
+				bind:checked={restart}
+				name="restart"
+				class="h-4 w-4 rounded border-gray-600 bg-gray-700 text-green-600 focus:ring-green-500"
 			/>
 			<span class="ml-2 text-sm text-gray-300">Restart server after saving</span>
 		</label>
-		</div>
-		
-		<div class="flex justify-end">
-		<button 
-			type="submit"  
+	</div>
+
+	<div class="flex justify-end">
+		<button
+			type="submit"
 			disabled={formLoading}
-			class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium"
+			class="rounded-md bg-green-600 px-4 py-2 text-sm font-medium hover:bg-green-700"
 		>
 			Save Changes
 		</button>
diff --git a/src/components/EditorConfiguration.svelte b/src/components/EditorConfiguration.svelte
index 6e8f027..533179d 100644
--- a/src/components/EditorConfiguration.svelte
+++ b/src/components/EditorConfiguration.svelte
@@ -18,13 +18,13 @@
 			formLoading = false;
 		};
 	}}
-	class="space-y-6 max-w-3xl"
+	class="max-w-3xl space-y-6"
 >
 	<input type="hidden" name="id" value={id} />
 	<input type="hidden" name="file" value={configFile.configuration} />
-	<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				UDP Port:
 				<input
 					disabled={formLoading}
@@ -36,7 +36,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				TCP Port:
 				<input
 					disabled={formLoading}
@@ -48,7 +48,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Max Connections:
 				<input
 					disabled={formLoading}
@@ -60,7 +60,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Lan Discovery:
 				<select
 					bind:value={editedConfig.lanDiscovery}
@@ -74,7 +74,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Register To Lobby:
 				<select
 					bind:value={editedConfig.registerToLobby}
@@ -89,22 +89,23 @@
 		</div>
 		<input type="hidden" name="configVersion" value={1} />
 	</div>
-	<div class="pt-4 border-t border-gray-700">
+	<div class="border-t border-gray-700 pt-4">
 		<label class="flex items-center">
-			<input 
-			type="checkbox" 
-			bind:checked={restart}
-			class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-600 rounded bg-gray-700"
+			<input
+				type="checkbox"
+				name="restart"
+				bind:checked={restart}
+				class="h-4 w-4 rounded border-gray-600 bg-gray-700 text-green-600 focus:ring-green-500"
 			/>
 			<span class="ml-2 text-sm text-gray-300">Restart server after saving</span>
 		</label>
-		</div>
-		
-		<div class="flex justify-end">
-		<button 
-			type="submit"  
+	</div>
+
+	<div class="flex justify-end">
+		<button
+			type="submit"
 			disabled={formLoading}
-			class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium"
+			class="rounded-md bg-green-600 px-4 py-2 text-sm font-medium hover:bg-green-700"
 		>
 			Save Changes
 		</button>
diff --git a/src/components/EditorEvent.svelte b/src/components/EditorEvent.svelte
index 4e42467..79bf549 100644
--- a/src/components/EditorEvent.svelte
+++ b/src/components/EditorEvent.svelte
@@ -20,13 +20,13 @@
 			formLoading = false;
 		};
 	}}
-	class="space-y-6 max-w-3xl"
+	class="max-w-3xl space-y-6"
 >
 	<input type="hidden" name="id" value={id} />
 	<input type="hidden" name="file" value={configFile.event} />
-	<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Track:
 				<select
 					bind:value={editedConfig.track}
@@ -41,7 +41,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Pre-Race waiting time seconds:
 				<input
 					disabled={formLoading}
@@ -53,7 +53,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Session over time seconds:
 				<input
 					disabled={formLoading}
@@ -65,7 +65,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Ambient temp:
 				<input
 					disabled={formLoading}
@@ -77,7 +77,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Cloud level:
 				<input
 					disabled={formLoading}
@@ -90,7 +90,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Rain:
 				<input
 					disabled={formLoading}
@@ -103,7 +103,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Weather randomness:
 				<input
 					disabled={formLoading}
@@ -115,7 +115,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Post-Qualy seconds:
 				<input
 					disabled={formLoading}
@@ -127,7 +127,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Post-Race seconds:
 				<input
 					disabled={formLoading}
@@ -139,7 +139,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Simracer weather conditions:
 				<input
 					disabled={formLoading}
@@ -151,7 +151,7 @@
 			</label>
 		</div>
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is fixed condition qualification:
 				<select
 					bind:value={editedConfig.isFixedConditionQualification}
@@ -166,15 +166,15 @@
 		</div>
 		<div />
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Sessions:
-    			<div class="mt-2 space-y-4">
+				<div class="mt-2 space-y-4">
 					{#each editedConfig.sessions as session, index}
 						<div class="mb-4 rounded-lg border border-gray-700 bg-gray-800 p-4">
-          					<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+							<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 								<!-- Hour of Day -->
 								<div>
-									<label class="block text-sm font-medium text-gray-300 mb-1"
+									<label class="mb-1 block text-sm font-medium text-gray-300"
 										>Hour of Day:
 										<input
 											bind:value={session.hourOfDay}
@@ -187,7 +187,7 @@
 								</div>
 								<!-- Day of Weekend -->
 								<div>
-									<label class="block text-sm font-medium text-gray-300 mb-1">
+									<label class="mb-1 block text-sm font-medium text-gray-300">
 										Day of Weekend:
 										<input
 											bind:value={session.dayOfWeekend}
@@ -200,7 +200,7 @@
 								</div>
 								<!-- Time Multiplier -->
 								<div>
-									<label class="block text-sm font-medium text-gray-300 mb-1">
+									<label class="mb-1 block text-sm font-medium text-gray-300">
 										Time Multiplier:
 										<input
 											bind:value={session.timeMultiplier}
@@ -213,7 +213,7 @@
 								</div>
 								<!-- Session Type -->
 								<div>
-									<label class="block text-sm font-medium text-gray-300 mb-1">
+									<label class="mb-1 block text-sm font-medium text-gray-300">
 										Session Type:
 										<select
 											bind:value={session.sessionType}
@@ -229,7 +229,7 @@
 								</div>
 								<!-- Session Duration Minutes -->
 								<div>
-									<label class="block text-sm font-medium text-gray-300 mb-1">
+									<label class="mb-1 block text-sm font-medium text-gray-300">
 										Session Duration (Minutes):
 										<input
 											bind:value={session.sessionDurationMinutes}
@@ -246,10 +246,21 @@
 								onclick={() => {
 									editedConfig.sessions = editedConfig.sessions.filter((_, i) => i !== index);
 								}}
-								class="mt-4 px-3 py-1 bg-red-600 hover:bg-red-700 rounded-md text-xs font-medium text-white flex items-center"
+								class="mt-4 flex items-center rounded-md bg-red-600 px-3 py-1 text-xs font-medium text-white hover:bg-red-700"
 							>
-								<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="mr-1 h-4 w-4"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+									/>
 								</svg>
 								Remove Session
 							</button>
@@ -269,10 +280,21 @@
 								}
 							];
 						}}
-        				class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium text-white flex items-center"
+						class="flex items-center rounded-md bg-green-600 px-4 py-2 text-sm font-medium text-white hover:bg-green-700"
 					>
-						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="mr-1 h-4 w-4"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M12 4v16m8-8H4"
+							/>
 						</svg>
 						Add Session
 					</button>
@@ -280,22 +302,23 @@
 			</label>
 		</div>
 	</div>
-	<div class="pt-4 border-t border-gray-700">
+	<div class="border-t border-gray-700 pt-4">
 		<label class="flex items-center">
-			<input 
-			type="checkbox" 
-			bind:checked={restart}
-			class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-600 rounded bg-gray-700"
+			<input
+				type="checkbox"
+				name="restart"
+				bind:checked={restart}
+				class="h-4 w-4 rounded border-gray-600 bg-gray-700 text-green-600 focus:ring-green-500"
 			/>
 			<span class="ml-2 text-sm text-gray-300">Restart server after saving</span>
 		</label>
-		</div>
-		
-		<div class="flex justify-end">
-		<button 
-			type="submit"  
+	</div>
+
+	<div class="flex justify-end">
+		<button
+			type="submit"
 			disabled={formLoading}
-			class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium"
+			class="rounded-md bg-green-600 px-4 py-2 text-sm font-medium hover:bg-green-700"
 		>
 			Save Changes
 		</button>
diff --git a/src/components/EditorEventRules.svelte b/src/components/EditorEventRules.svelte
index 040c36e..2826c33 100644
--- a/src/components/EditorEventRules.svelte
+++ b/src/components/EditorEventRules.svelte
@@ -18,14 +18,14 @@
 			formLoading = false;
 		};
 	}}
-	class="space-y-6 max-w-3xl"
+	class="max-w-3xl space-y-6"
 >
 	<input type="hidden" name="id" value={id} />
 	<input type="hidden" name="file" value={configFile.eventRules} />
-	<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 		<!-- Qualify Standing Type -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Qualify Standing Type:
 				<input
 					bind:value={editedConfig.qualifyStandingType}
@@ -39,7 +39,7 @@
 
 		<!-- Pit Window Length Sec -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Pit Window Length (Sec):
 				<input
 					bind:value={editedConfig.pitWindowLengthSec}
@@ -53,7 +53,7 @@
 
 		<!-- Driver Stint Time Sec -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Driver Stint Time (Sec):
 				<input
 					bind:value={editedConfig.driverStintTimeSec}
@@ -67,7 +67,7 @@
 
 		<!-- Mandatory Pitstop Count -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Mandatory Pitstop Count:
 				<input
 					bind:value={editedConfig.mandatoryPitstopCount}
@@ -81,7 +81,7 @@
 
 		<!-- Max Total Driving Time -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Max Total Driving Time:
 				<input
 					bind:value={editedConfig.maxTotalDrivingTime}
@@ -95,7 +95,7 @@
 
 		<!-- Is Refuelling Allowed In Race -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Refuelling Allowed In Race:
 				<select
 					bind:value={editedConfig.isRefuellingAllowedInRace}
@@ -111,7 +111,7 @@
 
 		<!-- Is Refuelling Time Fixed -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Refuelling Time Fixed:
 				<select
 					bind:value={editedConfig.isRefuellingTimeFixed}
@@ -127,7 +127,7 @@
 
 		<!-- Is Mandatory Pitstop Refuelling Required -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Mandatory Pitstop Refuelling Required:
 				<select
 					bind:value={editedConfig.isMandatoryPitstopRefuellingRequired}
@@ -143,7 +143,7 @@
 
 		<!-- Is Mandatory Pitstop Tyre Change Required -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Mandatory Pitstop Tyre Change Required:
 				<select
 					bind:value={editedConfig.isMandatoryPitstopTyreChangeRequired}
@@ -159,7 +159,7 @@
 
 		<!-- Is Mandatory Pitstop Swap Driver Required -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Mandatory Pitstop Swap Driver Required:
 				<select
 					bind:value={editedConfig.isMandatoryPitstopSwapDriverRequired}
@@ -175,7 +175,7 @@
 
 		<!-- Tyre Set Count -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Tyre Set Count:
 				<input
 					bind:value={editedConfig.tyreSetCount}
@@ -187,22 +187,23 @@
 			</label>
 		</div>
 	</div>
-	<div class="pt-4 border-t border-gray-700">
+	<div class="border-t border-gray-700 pt-4">
 		<label class="flex items-center">
-			<input 
-			type="checkbox" 
-			bind:checked={restart}
-			class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-600 rounded bg-gray-700"
+			<input
+				type="checkbox"
+				name="restart"
+				bind:checked={restart}
+				class="h-4 w-4 rounded border-gray-600 bg-gray-700 text-green-600 focus:ring-green-500"
 			/>
 			<span class="ml-2 text-sm text-gray-300">Restart server after saving</span>
 		</label>
-		</div>
-		
-		<div class="flex justify-end">
-		<button 
-			type="submit"  
+	</div>
+
+	<div class="flex justify-end">
+		<button
+			type="submit"
 			disabled={formLoading}
-			class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium"
+			class="rounded-md bg-green-600 px-4 py-2 text-sm font-medium hover:bg-green-700"
 		>
 			Save Changes
 		</button>
diff --git a/src/components/EditorSettings.svelte b/src/components/EditorSettings.svelte
index e8690ff..52eac47 100644
--- a/src/components/EditorSettings.svelte
+++ b/src/components/EditorSettings.svelte
@@ -19,14 +19,14 @@
 			formLoading = false;
 		};
 	}}
-	class="space-y-6 max-w-3xl"
+	class="max-w-3xl space-y-6"
 >
 	<input type="hidden" name="id" value={id} />
 	<input type="hidden" name="file" value={configFile.settings} />
-	<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 		<!-- Server Name -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Server Name:
 				<input
 					bind:value={editedConfig.serverName}
@@ -40,7 +40,7 @@
 
 		<!-- Admin Password -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Admin Password:
 				<input
 					bind:value={editedConfig.adminPassword}
@@ -54,7 +54,7 @@
 
 		<!-- Car Group -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Car Group:
 				<select
 					bind:value={editedConfig.carGroup}
@@ -71,7 +71,7 @@
 
 		<!-- Track Medals Requirement -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Track Medals Requirement:
 				<input
 					bind:value={editedConfig.trackMedalsRequirement}
@@ -85,7 +85,7 @@
 
 		<!-- Safety Rating Requirement -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Safety Rating Requirement:
 				<input
 					bind:value={editedConfig.safetyRatingRequirement}
@@ -99,7 +99,7 @@
 
 		<!-- Racecraft Rating Requirement -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Racecraft Rating Requirement:
 				<input
 					bind:value={editedConfig.racecraftRatingRequirement}
@@ -113,7 +113,7 @@
 
 		<!-- Password -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Password:
 				<input
 					bind:value={editedConfig.password}
@@ -127,7 +127,7 @@
 
 		<!-- Spectator Password -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Spectator Password:
 				<input
 					bind:value={editedConfig.spectatorPassword}
@@ -141,7 +141,7 @@
 
 		<!-- Max Car Slots -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Max Car Slots:
 				<input
 					bind:value={editedConfig.maxCarSlots}
@@ -155,7 +155,7 @@
 
 		<!-- Dump Leaderboards -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Dump Leaderboards:
 				<select
 					bind:value={editedConfig.dumpLeaderboards}
@@ -171,7 +171,7 @@
 
 		<!-- Is Race Locked -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Is Race Locked:
 				<select
 					bind:value={editedConfig.isRaceLocked}
@@ -187,7 +187,7 @@
 
 		<!-- Randomize Track When Empty -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Randomize Track When Empty:
 				<select
 					bind:value={editedConfig.randomizeTrackWhenEmpty}
@@ -203,7 +203,7 @@
 
 		<!-- Central Entry List Path -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Central Entry List Path:
 				<input
 					bind:value={editedConfig.centralEntryListPath}
@@ -217,7 +217,7 @@
 
 		<!-- Allow Auto DQ -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Allow Auto DQ:
 				<select
 					bind:value={editedConfig.allowAutoDQ}
@@ -233,7 +233,7 @@
 
 		<!-- Short Formation Lap -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Short Formation Lap:
 				<select
 					bind:value={editedConfig.shortFormationLap}
@@ -249,7 +249,7 @@
 
 		<!-- Formation Lap Type -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Formation Lap Type:
 				<select
 					bind:value={editedConfig.formationLapType}
@@ -258,9 +258,7 @@
 					class="form form-select"
 				>
 					<option value={0}>Old Limiter Lap</option>
-					<option value={1}
-						>Free (replaces /manual start), only usable for private servers</option
-					>
+					<option value={1}>Free (replaces /manual start), only usable for private servers</option>
 					<option value={3}>Default formation lap with position control and UI</option>
 				</select>
 			</label>
@@ -268,7 +266,7 @@
 
 		<!-- Ignore Premature Disconnects -->
 		<div>
-			<label class="block text-sm font-medium text-gray-300 mb-1">
+			<label class="mb-1 block text-sm font-medium text-gray-300">
 				Ignore Premature Disconnects:
 				<select
 					bind:value={editedConfig.ignorePrematureDisconnects}
@@ -282,22 +280,23 @@
 			</label>
 		</div>
 	</div>
-	<div class="pt-4 border-t border-gray-700">
+	<div class="border-t border-gray-700 pt-4">
 		<label class="flex items-center">
-			<input 
-			type="checkbox" 
-			bind:checked={restart}
-			class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-600 rounded bg-gray-700"
+			<input
+				type="checkbox"
+				bind:checked={restart}
+				name="restart"
+				class="h-4 w-4 rounded border-gray-600 bg-gray-700 text-green-600 focus:ring-green-500"
 			/>
 			<span class="ml-2 text-sm text-gray-300">Restart server after saving</span>
 		</label>
-		</div>
-		
-		<div class="flex justify-end">
-		<button 
-			type="submit"  
+	</div>
+
+	<div class="flex justify-end">
+		<button
+			type="submit"
 			disabled={formLoading}
-			class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-sm font-medium"
+			class="rounded-md bg-green-600 px-4 py-2 text-sm font-medium hover:bg-green-700"
 		>
 			Save Changes
 		</button>