From 99c7e417d65f694d9dd8ec7baddb85bdd390c8a0 Mon Sep 17 00:00:00 2001
From: Francesco Bruno <59353843+FrancescoBrunoDev@users.noreply.github.com>
Date: Sun, 5 May 2024 17:17:54 +0000
Subject: [PATCH] Global setting's input text uses flex wrap for better spacing
 on small screens

---
 .../views/livewire/settings/configuration.blade.php    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/views/livewire/settings/configuration.blade.php b/resources/views/livewire/settings/configuration.blade.php
index a7292f624..cbd3ca6be 100644
--- a/resources/views/livewire/settings/configuration.blade.php
+++ b/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" />