fix: restore consistent input field sizing and alignment in FieldInline

Co-authored-by: Shreyas2004wagh <shreyaswagh2004@gmail.com>
Co-committed-by: Shreyas2004wagh <shreyaswagh2004@gmail.com>

src/lib/components/FieldInline.svelte

@@ -12,11 +12,11 @@
 <div class="flex flex-col gap-2 {props.class}">
   <div class="flex items-center justify-between w-full gap-2">
     {#if props.label}
-      <label class="flex items-center gap-2 max-w-[80%] md:max-w-none">
+      <label class="flex items-center gap-2 min-w-[30%] max-w-[80%] md:max-w-none">
         {@render props.label()}
       </label>
     {/if}
-    <div class="flex items-center gap-2 justify-end shrink-0">
+    <div class="flex items-center gap-2 justify-end grow">
       {#if props.input}
         {@render props.input()}
       {/if}

src/routes/settings/privacy/+page.svelte

@@ -12,8 +12,10 @@
     settings = {...$userSettingsValues}
   }
 
-  const onAuthModeChange = (e: any) => {
+  const onAuthModeChange = (e: Event) => {
-    settings.auth_mode = e.target.checked ? RelayAuthMode.Aggressive : RelayAuthMode.Conservative
+    const target = e.currentTarget as HTMLInputElement
+
+    settings.relay_auth = target.checked ? RelayAuthMode.Aggressive : RelayAuthMode.Conservative
   }
 
   const onsubmit = preventDefault(async () => {
@@ -40,7 +42,7 @@
           type="checkbox"
           class="toggle toggle-primary"
           onchange={onAuthModeChange}
-          checked={settings.auth_mode === RelayAuthMode.Aggressive} />
+          checked={settings.relay_auth === RelayAuthMode.Aggressive} />
       {/snippet}
       {#snippet info()}
         <p>Controls whether {PLATFORM_NAME} will identify you to relays not in your lists.</p>