From 4a3dc3644fe1b9c8e0c55f04ce9be1679bc82f53 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sat, 6 Dec 2025 10:55:24 -0500
Subject: [PATCH] feat: enhance server icon customization modal with improved
 padding and button styling

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

diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php
index ecc059724..c91be84f4 100644
--- a/extensions/Servers/Proxmox/views/components/layout.blade.php
+++ b/extensions/Servers/Proxmox/views/components/layout.blade.php
@@ -65,7 +65,7 @@
                                 </div>
                                 <input x-model="search" x-on:input="filterIcons()" type="text" placeholder="Search icons..." class="border rounded px-2 py-1 text-sm w-40 dark:bg-background dark:border-base/20" />
                             </div>
-                            <div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto">
+                            <div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto p-1">
                                 @php
                                 $iconList = [
                                     'server-line', 'database-2-line', 'computer-line', 'cpu-line', 'hard-drive-2-line',
@@ -92,7 +92,7 @@
                                 ];
                                 @endphp
                                 @foreach($iconList as $iconName)
-                                <button @click="icon = '{{ $iconName }}'" :class="icon === '{{ $iconName }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-1 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconName }}">
+                                <button @click="icon = '{{ $iconName }}'" :class="icon === '{{ $iconName }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconName }}">
                                     <x-dynamic-component :component="'ri-' . $iconName" class="size-5" />
                                 </button>
                                 @endforeach