From 733bee629f483d7a7bf6b7a29ef3ce61704e04a7 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 07:55:20 -0500
Subject: [PATCH] refactor: update server status display in Proxmox view with
 improved styling and icon representation for better user experience

---
 .../Servers/Proxmox/views/server.blade.php    | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/server.blade.php b/extensions/Servers/Proxmox/views/server.blade.php
index 667b891a6..d4a6f209d 100644
--- a/extensions/Servers/Proxmox/views/server.blade.php
+++ b/extensions/Servers/Proxmox/views/server.blade.php
@@ -9,17 +9,19 @@
                     </div>
                     <span class="font-medium">{{ $status->name }}</span>
                 </div>
-                <div 
-                    class="size-3 rounded-full transition-all duration-300
-                    @if($status->status == 'running') 
-                        bg-success animate-pulse
-                    @elseif($status->status == 'stopped') 
-                        bg-red-500
-                    @else 
-                        bg-warning
-                    @endif"
-                    title="@if($status->status == 'running') Running @elseif($status->status == 'stopped') Stopped @else {{ ucfirst($status->status) }} @endif"
-                ></div>
+                <div
+                    class="size-5 rounded-md p-0.5
+                        @if($status->status == 'running') text-success bg-success/20
+                        @elseif($status->status == 'stopped') text-inactive bg-inactive/20
+                        @else text-warning bg-warning/20 @endif">
+                    @if($status->status == 'running')
+                        <x-ri-checkbox-circle-fill />
+                    @elseif($status->status == 'stopped')
+                        <x-ri-forbid-fill />
+                    @else
+                        <x-ri-error-warning-fill />
+                    @endif
+                </div>
             </div>
 
             <div class="flex flex-row flex-wrap gap-4 mt-4">