From ffc19d6eaaae0aa967026b4b7e74873423b7112e Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Tue, 10 Mar 2026 19:32:28 -0400
Subject: [PATCH] style: enhance form input styles for better usability and
 appearance

---
 .../Proxmox/views/cloud-init.blade.php        | 20 +++++++++----------
 .../Servers/Proxmox/views/overview.blade.php  |  6 +++---
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/cloud-init.blade.php b/extensions/Servers/Proxmox/views/cloud-init.blade.php
index f7e944af8..49209e81e 100644
--- a/extensions/Servers/Proxmox/views/cloud-init.blade.php
+++ b/extensions/Servers/Proxmox/views/cloud-init.blade.php
@@ -184,7 +184,7 @@
                                     <label class="text-xs font-semibold text-base/70">Username</label>
                                     <input type="text"
                                            wire:model.live="ciUser"
-                                           class="form-input w-full"
+                                           class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="e.g. ubuntu" />
                                     <p class="text-xs text-base/60">Leave blank to retain the template default user.</p>
                                 </div>
@@ -285,14 +285,14 @@
                                         <label class="text-xs font-semibold text-base/70">New Password</label>
                                         <input type="password"
                                                wire:model="password"
-                                               class="form-input w-full mt-1"
+                                               class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                placeholder="Enter new password" />
                                     </div>
                                     <div>
                                         <label class="text-xs font-semibold text-base/70">Confirm Password</label>
                                         <input type="password"
                                                wire:model="password_confirmation"
-                                               class="form-input w-full mt-1"
+                                               class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                placeholder="Confirm password" />
                                     </div>
                                     @if($passwordError)
@@ -399,7 +399,7 @@
                                 <div class="space-y-2">
                                     <label class="text-xs font-semibold text-base/70">SSH Key</label>
                                     <textarea wire:model="newSshKey"
-                                              class="form-input w-full h-28 resize-y"
+                                              class="block w-full h-28 resize-y px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                               placeholder="ssh-ed25519 AAAA... user@host"></textarea>
                                 </div>
                                 <div class="flex justify-end gap-2">
@@ -549,22 +549,22 @@
                             <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                                 <div>
                                     <label class="text-xs font-semibold text-base/70">IPv4 Address (CIDR)</label>
-                                    <input type="text" wire:model="editingNetwork.ip" class="form-input w-full mt-1"
+                                    <input type="text" wire:model="editingNetwork.ip" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="45.154.99.28/24" />
                                 </div>
                                 <div>
                                     <label class="text-xs font-semibold text-base/70">IPv4 Gateway</label>
-                                    <input type="text" wire:model="editingNetwork.gw" class="form-input w-full mt-1"
+                                    <input type="text" wire:model="editingNetwork.gw" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="45.154.99.17" />
                                 </div>
                                 <div>
                                     <label class="text-xs font-semibold text-base/70">IPv6 Address (CIDR)</label>
-                                    <input type="text" wire:model="editingNetwork.ip6" class="form-input w-full mt-1"
+                                    <input type="text" wire:model="editingNetwork.ip6" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="2a0b:4e07::2:10/64" />
                                 </div>
                                 <div>
                                     <label class="text-xs font-semibold text-base/70">IPv6 Gateway</label>
-                                    <input type="text" wire:model="editingNetwork.gw6" class="form-input w-full mt-1"
+                                    <input type="text" wire:model="editingNetwork.gw6" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="2a0b:4e07::1" />
                                 </div>
                             </div>
@@ -675,7 +675,7 @@
                                     <label class="text-xs font-semibold text-base/70">DNS Domain (searchdomain)</label>
                                     <input type="text"
                                            wire:model.live="dnsDomain"
-                                           class="form-input w-full"
+                                           class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                            placeholder="example.internal" />
                                     <p class="text-xs text-base/60">Leave blank to use system default. Appended to short hostnames for resolution.</p>
                                 </div>
@@ -791,7 +791,7 @@
                                         <label class="text-xs font-semibold text-base/70">Nameserver</label>
                                         <input type="text"
                                                wire:model="newDnsServer"
-                                               class="form-input w-full"
+                                               class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                placeholder="1.1.1.1 or 2606:4700:4700::1111" />
                                     </div>
                                 </div>
diff --git a/extensions/Servers/Proxmox/views/overview.blade.php b/extensions/Servers/Proxmox/views/overview.blade.php
index 3ce2a8170..ad2b311a4 100644
--- a/extensions/Servers/Proxmox/views/overview.blade.php
+++ b/extensions/Servers/Proxmox/views/overview.blade.php
@@ -487,7 +487,7 @@
                                             <label class="text-xs font-semibold text-base/70">Hostname</label>
                                             <input type="text"
                                                    wire:model="hostname"
-                                                   class="form-input w-full mt-1"
+                                                   class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                    placeholder="Enter hostname" />
                                         </div>
                                         @if($hostnameError)
@@ -681,14 +681,14 @@
                                             <label class="text-xs font-semibold text-base/70">New Password</label>
                                             <input type="password"
                                                    wire:model="password"
-                                                   class="form-input w-full mt-1"
+                                                   class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                    placeholder="Enter new password" />
                                         </div>
                                         <div>
                                             <label class="text-xs font-semibold text-base/70">Confirm Password</label>
                                             <input type="password"
                                                    wire:model="password_confirmation"
-                                                   class="form-input w-full mt-1"
+                                                   class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
                                                    placeholder="Confirm password" />
                                         </div>
                                         @if($passwordError)