Global setting's input text uses flex wrap for better spacing on smal…

…l screens

resources/views/livewire/settings/configuration.blade.php

@@ -9,12 +9,14 @@
         <div>General configuration for your Coolify instance.</div>
 
         <div class="flex flex-col gap-2 pt-4">
-            <div class="flex items-end gap-2">
+            <div class="flex items-end gap-2 flex-wrap">
                 <x-forms.input id="settings.fqdn" label="Instance's Domain" placeholder="https://coolify.io" />
                 <x-forms.input id="settings.custom_dns_servers" label="DNS Servers"
                     helper="DNS servers for validation FQDNS againts. A comma separated list of DNS servers."
                     placeholder="1.1.1.1,8.8.8.8" />
-                <x-forms.checkbox instantSave id="is_dns_validation_enabled" label="Validate DNS settings?" />
+                <div class="md:w-96">
+                    <x-forms.checkbox instantSave id="is_dns_validation_enabled" label="Validate DNS settings?" />
+                </div>
             </div>
 
             {{-- <div class="flex gap-2 ">
@@ -24,12 +26,12 @@
         </div>
     </form>
     <h2 class="pt-6">Advanced</h2>
-    <div class="text-right w-80">
+    <div class="text-right md:w-96">
         @if (!is_null(env('AUTOUPDATE', null)))
             <x-forms.checkbox instantSave helper="AUTOUPDATE is set in .env file, you need to modify it there." disabled
                 id="is_auto_update_enabled" label="Auto Update Coolify" />
         @else
-            <x-forms.checkbox  instantSave id="is_auto_update_enabled" label="Auto Update Coolify" />
+            <x-forms.checkbox instantSave id="is_auto_update_enabled" label="Auto Update Coolify" />
         @endif
         <x-forms.checkbox instantSave id="is_registration_enabled" label="Registration Allowed" />
         <x-forms.checkbox instantSave id="do_not_track" label="Do Not Track" />