From 99a39d066c83f0ae1be3581e6aa2f3ade4f36b38 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 19:05:36 -0500
Subject: [PATCH] refactor: enhance button styles in Proxmox firewall view for
 improved user interaction and visual feedback

---
 extensions/Servers/Proxmox/views/firewall.blade.php | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index 552c5f805..1b4c949fd 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -53,7 +53,9 @@
                     <button type="button" 
                             wire:click="toggleFirewall" 
                             wire:loading.attr="disabled"
-                            class="px-4 py-2 bg-error text-white rounded-lg hover:bg-error/90 transition-colors text-sm font-medium flex items-center gap-2">
+                            style="padding: 0.5rem 1rem; background-color: #ef4444; color: white; border-radius: 0.5rem; transition: all 0.2s; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem;"
+                            onmouseover="this.style.backgroundColor='#dc2626'" 
+                            onmouseout="this.style.backgroundColor='#ef4444'">
                         <x-ri-close-line class="size-4" />
                         <span wire:loading.remove wire:target="toggleFirewall">Disable Firewall</span>
                         <span wire:loading wire:target="toggleFirewall">Disabling...</span>
@@ -122,7 +124,9 @@
                                             wire:click="toggleAdapterFirewall('{{ $adapter['name'] }}')" 
                                             wire:loading.attr="disabled"
                                             wire:key="adapter-{{ $adapter['name'] }}"
-                                            class="px-3 py-1.5 bg-error text-white rounded-lg hover:bg-error/90 transition-colors text-xs font-medium flex items-center gap-1.5">
+                                            style="padding: 0.375rem 0.75rem; background-color: #ef4444; color: white; border-radius: 0.5rem; transition: all 0.2s; font-size: 0.75rem; font-weight: 500; display: flex; align-items: center; gap: 0.375rem;"
+                                            onmouseover="this.style.backgroundColor='#dc2626'" 
+                                            onmouseout="this.style.backgroundColor='#ef4444'">
                                         <x-ri-close-line class="size-3.5" />
                                         <span wire:loading.remove wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">Disable</span>
                                         <span wire:loading wire:target="toggleAdapterFirewall('{{ $adapter['name'] }}')">...</span>