From 8cc103510cae920a02cee82f4f010939edf827f7 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Mon, 16 Jun 2025 13:05:36 +0200
Subject: [PATCH] align admin dashboard settings

---
 src/app/admin/settings/Settings.svelte | 64 +++++++++++++-------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/src/app/admin/settings/Settings.svelte b/src/app/admin/settings/Settings.svelte
index ead12c1..874e0f8 100644
--- a/src/app/admin/settings/Settings.svelte
+++ b/src/app/admin/settings/Settings.svelte
@@ -96,37 +96,39 @@
         <div class="flex flex-col gap-5">
           {#each setting.entries as entry (entry.name)}
             <label class="flex justify-between">
-              <span class="mt-[.125rem] text-sm">{entry.name}</span>
-              {#if entry.type === 'checkbox'}
-                <input
-                  type="checkbox"
-                  class="toggle"
-                  onchange={(e) => {
-                    entry.onChange(e.currentTarget.checked);
-                    changes = dynamicSettings.getChanges();
-                  }}
-                  checked={entry.value}
-                />
-              {:else if entry.type === 'text'}
-                <input
-                  type="text"
-                  class="input input-bordered"
-                  onchange={(e) => {
-                    entry.onChange(e.currentTarget.value);
-                    changes = dynamicSettings.getChanges();
-                  }}
-                  value={entry.value}
-                />
-              {:else if entry.type === 'textarea'}
-                <textarea
-                  class="textarea"
-                  value={entry.value}
-                  onchange={(e) => {
-                    entry.onChange(e.currentTarget.value);
-                    changes = dynamicSettings.getChanges();
-                  }}
-                ></textarea>
-              {/if}
+              <span class="mt-[.125rem] text-sm w-1/2">{entry.name}</span>
+              <div class="w-1/2">
+                {#if entry.type === 'checkbox'}
+                  <input
+                    type="checkbox"
+                    class="toggle"
+                    onchange={(e) => {
+                      entry.onChange(e.currentTarget.checked);
+                      changes = dynamicSettings.getChanges();
+                    }}
+                    checked={entry.value}
+                  />
+                {:else if entry.type === 'text'}
+                  <input
+                    type="text"
+                    class="input input-bordered"
+                    onchange={(e) => {
+                      entry.onChange(e.currentTarget.value);
+                      changes = dynamicSettings.getChanges();
+                    }}
+                    value={entry.value}
+                  />
+                {:else if entry.type === 'textarea'}
+                  <textarea
+                    class="textarea"
+                    value={entry.value}
+                    onchange={(e) => {
+                      entry.onChange(e.currentTarget.value);
+                      changes = dynamicSettings.getChanges();
+                    }}
+                  ></textarea>
+                {/if}
+              </div>
             </label>
           {/each}
         </div>