From 85a622a3a2a54c269b6eac215e15f735335b2491 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sat, 6 Dec 2025 16:31:13 -0500
Subject: [PATCH] Refactor icon rendering logic and update edit indicator
 styling

---
 themes/lucentui/views/services/show.blade.php | 34 ++++++++-----------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/themes/lucentui/views/services/show.blade.php b/themes/lucentui/views/services/show.blade.php
index 0e54f8dce..5cfe18b17 100644
--- a/themes/lucentui/views/services/show.blade.php
+++ b/themes/lucentui/views/services/show.blade.php
@@ -30,26 +30,20 @@
                             $hasCustomIcon = optional($service->product->server)->extension === 'Proxmox' && isset($proxmoxServer) && $proxmoxServer && $proxmoxServer->user_set_icon;
                             $iconColor = $hasCustomIcon ? $proxmoxServer->user_set_icon_color : null;
                         @endphp
-                        <div class="relative flex items-center mr-6">
-                            @if($hasCustomIcon)
-                                @php
-                                    $iconPrefix = $proxmoxServer->user_set_icon_prefix ?? 'ri';
-                                    $iconName = $proxmoxServer->user_set_icon;
-                                    if ($iconPrefix === 'vaadin') {
-                                        $componentName = 'vaadin-' . str_replace('_', '-', $iconName);
-                                    } else {
-                                        $componentName = $iconPrefix . '-' . $iconName;
-                                    }
-                                @endphp
-                                <x-dynamic-component :component="$componentName" class="w-14 h-14" :style="$iconColor ? 'color: ' . $iconColor : ''" />
-                            @else
-                                <x-ri-box-3-fill class="w-14 h-14 text-primary" />
-                            @endif
-                            <!-- Small edit indicator in upper-right of the icon -->
-                            <div class="absolute -top-1 -right-1 flex items-center justify-center w-5 h-5 rounded-full bg-white shadow-md border border-primary/30">
-                                <x-ri-pencil-line class="w-3.5 h-3.5 text-primary" />
-                            </div>
-                        </div>
+                        @if($hasCustomIcon)
+                            @php
+                                $iconPrefix = $proxmoxServer->user_set_icon_prefix ?? 'ri';
+                                $iconName = $proxmoxServer->user_set_icon;
+                                if ($iconPrefix === 'vaadin') {
+                                    $componentName = 'vaadin-' . str_replace('_', '-', $iconName);
+                                } else {
+                                    $componentName = $iconPrefix . '-' . $iconName;
+                                }
+                            @endphp
+                            <x-dynamic-component :component="$componentName" class="size-10 mr-4" :style="$iconColor ? 'color: ' . $iconColor : ''" />
+                        @else
+                            <x-ri-box-3-fill class="size-10 mr-4 text-primary" />
+                        @endif
                         {{ __('services.services') }}
                         
                     </h1>