make admin page mobile friendly

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Gemini 3 <google-gemini-noreply@google.com>

src/app/admin/settings/Settings.svelte

@@ -99,16 +99,16 @@
   }
 </script>
 
-<div class="h-full flex flex-col items-center justify-between">
-  <div class="grid grid-cols-2 w-full">
+<div class="min-h-full flex flex-col items-center justify-between">
+  <div class="grid grid-cols-1 lg:grid-cols-2 w-full px-4 lg:px-12 gap-8">
     {#each settingsInput as setting (setting.name)}
-      <div class="mx-12">
-        <div class="divider">{setting.name}</div>
-        <div class="flex flex-col gap-5">
+      <div class="flex flex-col">
+        <div class="divider font-bold">{setting.name}</div>
+        <div class="flex flex-col gap-6">
           {#each setting.entries as entry (entry.name)}
-            <label class="flex justify-between">
-              <span class="mt-[.125rem] text-sm w-1/2">{entry.name}</span>
-              <div class="w-1/2">
+            <label class="flex flex-col sm:flex-row justify-between gap-2">
+              <span class="text-sm font-medium sm:w-1/2">{entry.name}</span>
+              <div class="sm:w-1/2 flex sm:justify-end">
                 {#if entry.type === 'checkbox'}
                   <input
                     type="checkbox"
@@ -122,7 +122,7 @@
                 {:else if entry.type === 'text'}
                   <input
                     type="text"
-                    class="input input-bordered"
+                    class="input input-bordered w-full sm:max-w-xs"
                     onchange={(e) => {
                       entry.onChange(e.currentTarget.value);
                       changes = dynamicSettings.getChanges();
@@ -131,7 +131,7 @@
                   />
                 {:else if entry.type === 'textarea'}
                   <textarea
-                    class="textarea"
+                    class="textarea textarea-bordered w-full sm:max-w-xs min-h-24"
                     value={entry.value}
                     onchange={(e) => {
                       entry.onChange(e.currentTarget.value);
@@ -146,9 +146,9 @@
       </div>
     {/each}
   </div>
-  <div>
+  <div class="py-12">
     <button
-      class="btn btn-success mt-auto mb-8"
+      class="btn btn-success btn-lg px-12"
       class:btn-disabled={Object.keys(changes).length === 0}
       onclick={onSaveSettingsClick}>Speichern</button
     >