From f728d08e36bdce69b27de64e81d8439a8aa8f0de Mon Sep 17 00:00:00 2001
From: Tomas Dvorak <contact.dvorak@gmail.com>
Date: Fri, 30 May 2025 12:22:06 +0200
Subject: [PATCH] e

---
 admin-dashboard.html | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/admin-dashboard.html b/admin-dashboard.html
index dba19aa..ead1953 100644
--- a/admin-dashboard.html
+++ b/admin-dashboard.html
@@ -1216,19 +1216,24 @@
 
     <!-- Icon Picker Modal -->
     <div id="iconPickerModal" class="fixed inset-0 z-50 hidden">
-        <div id="iconPickerContainer" class="bg-white rounded-xl shadow-2xl overflow-hidden flex flex-col">
-            <div id="iconPickerHeader" class="bg-white border-b border-gray-200 px-6 py-4">
-                <h3 class="text-xl font-semibold text-gray-900">Vyberte ikonu</h3>
-                <button id="closeIconPicker" class="text-gray-400 hover:text-gray-500">
-                    <i class="fas fa-times"></i>
-                </button>
-            </div>
-            <div id="iconSearchContainer" class="px-6 py-4 border-b border-gray-200">
-                <input type="text" id="iconSearch" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="Hledat ikony..." autocomplete="off">
-            </div>
-            <div id="iconListContainer" class="flex-1 overflow-y-auto">
-                <div id="iconList" class="p-6">
-                    <!-- Icons will be populated by JavaScript -->
+        <div class="fixed inset-0 bg-black bg-opacity-50"></div>
+        <div id="iconPickerContainer" class="fixed inset-0 flex items-center justify-center p-4">
+            <div class="bg-white rounded-xl shadow-2xl overflow-hidden max-w-4xl w-full">
+                <div class="flex flex-col h-full">
+                    <div id="iconPickerHeader" class="bg-white border-b border-gray-200 px-6 py-4">
+                        <h3 class="text-xl font-semibold text-gray-900">Vyberte ikonu</h3>
+                        <button id="closeIconPicker" class="text-gray-400 hover:text-gray-500">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                    <div id="iconSearchContainer" class="px-6 py-4 border-b border-gray-200">
+                        <input type="text" id="iconSearch" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="Hledat ikony..." autocomplete="off">
+                    </div>
+                    <div id="iconListContainer" class="flex-1 overflow-y-auto">
+                        <div id="iconList" class="p-6">
+                            <!-- Icons will be populated by JavaScript -->
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>