From db6575a5de1ceab8c7bd5b97c975b170a4e62914 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Fri, 5 Dec 2025 04:39:42 -0500
Subject: [PATCH] feat: enhance detach drive button styling and interactivity

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

diff --git a/extensions/Servers/Proxmox/views/storage.blade.php b/extensions/Servers/Proxmox/views/storage.blade.php
index 05574a0fc..36898930a 100644
--- a/extensions/Servers/Proxmox/views/storage.blade.php
+++ b/extensions/Servers/Proxmox/views/storage.blade.php
@@ -699,8 +699,10 @@
                         </button>
                         <button wire:click="detachDrive" 
                                 wire:loading.attr="disabled"
-                                class="px-4 py-2 text-sm font-medium rounded-lg bg-warning text-white hover:bg-warning/90 disabled:opacity-50 transition-colors"
-                                @if($status && $status->status !== 'stopped') disabled @endif>
+                                style="padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; background-color: rgb(234 179 8); color: white; transition: background-color 0.15s ease;"
+                                onmouseover="this.style.backgroundColor='rgb(202 138 4)'"
+                                onmouseout="this.style.backgroundColor='rgb(234 179 8)'"
+                                @if($status && $status->status !== 'stopped') disabled style="opacity: 0.5;" @endif>
                             <x-loading target="detachDrive" />
                             <span wire:loading.remove wire:target="detachDrive">Detach Drive</span>
                             <span wire:loading wire:target="detachDrive">Detaching...</span>