update suggestToolForm

index.html

@@ -370,58 +370,70 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
              </div>
          </div>
     </div>
-    <div id="suggestToolModal" class="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center hidden z-50 px-4">
-        <div class="bg-white rounded-lg p-6 w-full max-w-md shadow-lg max-h-[90vh] overflow-y-auto text-right">
+    <div id="suggestToolModal" class="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center z-[9999] px-4">
+        <div class="bg-white rounded-lg w-full max-w-md shadow-lg max-h-[90vh] overflow-hidden flex flex-col text-right relative">
+            
+            <!-- תוכן -->
+            <div class="p-6 overflow-y-auto flex-grow">
             <h2 class="text-xl font-semibold mb-4">הצעת כלי חדש</h2>
-            <form id="suggestToolForm">
-
-                <label class="block mb-2">שם הכלי</label>
-                <input type="text" name="name" required class="w-full mb-4 border rounded p-2">
+            <form id="suggestToolForm" class="space-y-4">
+                <div>
+                <label class="block mb-1">שם הכלי</label>
+                <input type="text" name="name" required class="w-full border rounded p-2">
+                </div>
 
-                <label class="block mb-2">לינק</label>
-                <input type="url" name="url" required placeholder="כתובת URL של הכלי: לדוגמא: https://linktr.ee/sagib" dir="ltr" class="w-full mb-4 border rounded p-2">
+                <div>
+                <label class="block mb-1">לינק</label>
+                <input type="url" name="url" required placeholder="כתובת URL של הכלי: לדוגמא: https://linktr.ee/sagib" dir="ltr" class="w-full border rounded p-2">
+                </div>
 
-                <label class="block mb-2">תיאור קצר</label>
-                <textarea name="description" required class="w-full mb-4 border rounded p-2"></textarea>
+                <div>
+                <label class="block mb-1">תיאור קצר</label>
+                <textarea name="description" required class="w-full border rounded p-2"></textarea>
+                </div>
 
-                <hr class="my-4">
+                <div>
+                <label class="block mb-1">השם שלך</label>
+                <input type="text" name="userName" placeholder="איך לקרוא לך כשנחזור אליך?" class="w-full border rounded p-2">
+                </div>
 
-                <label class="block mb-2">השם שלך</label>
-                <input type="text" name="userName" placeholder="איך לקרוא לך כשנחזור אליך?" class="w-full mb-4 border rounded p-2">
+                <div>
+                <label class="block mb-1">מס' טלפון נייד</label>
+                <input type="tel" name="userPhone" placeholder="05X-XXXXXXX" class="w-full border rounded p-2" dir="ltr">
+                </div>
 
-                <label class="block mb-2">מס' טלפון נייד</label>
-                <input type="tel" name="userPhone" placeholder="05X-XXXXXXX" class="w-full mb-2 border rounded p-2" dir="ltr">
                 <p class="text-sm text-gray-500">נשמח לחזור אליך כשהכלי שצעת נוסף לאתר ❤️</p>
-                <p class="text-sm text-gray-500 italic mt-1">
-                    ✦ הפרטים שלך נשמרים אצלנו רק לצורך עדכון – אין שימוש אחר.
-                </p>
-
-                <div class="flex justify-end mt-4">
-                    <button type="button" onclick="closeSuggestModal()" class="mr-2 px-4 py-2 bg-gray-300 rounded">ביטול</button>
-                    <button type="submit" class="px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700">שלח</button>
-                </div>
+                <p class="text-sm text-gray-500 italic">✦ הפרטים שלך נשמרים אצלנו רק לצורך עדכון – אין שימוש אחר.</p>
             </form>
+            </div>
+
+            <!-- כפתורים קבועים בתחתית -->
+            <div class="sticky bottom-0 bg-white/80 backdrop-blur-md px-6 py-4 border-t flex justify-center space-x-4 space-x-reverse z-10 rounded-b-lg">
+            <button type="button" onclick="closeSuggestModal()" class="px-5 py-2 bg-gray-200 text-gray-800 rounded hover:bg-gray-300">ביטול</button>
+            <button type="submit" form="suggestToolForm" class="px-6 py-2 bg-purple-600 text-white rounded hover:bg-purple-700">שלח</button>
+            </div>
         </div>
     </div>
 
+
     <!-- /* --- Footer --- */ -->
     <footer class="fixed bottom-0 left-0 w-full z-50 backdrop-blur-md bg-white/80 shadow-xl border-t border-gray-200">
 
-  <div class="container mx-auto px-4 py-3 text-center space-y-2">
-    <div class="flex justify-center gap-4">
-      <!-- אייקונים -->
-      <a href="https://chat.whatsapp.com/GPFASYBEA9CFGUMCVZ5RXP" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-green-500 hover:bg-green-500 hover:text-white transition"><i class="fab fa-whatsapp"></i></a>
-      <a href="http://www.linkedin.com/in/sagi-bar-on" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-500 hover:bg-blue-700 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a>
-      <a href="https://www.facebook.com/SAGI.BARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-600 hover:bg-blue-800 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
-      <a href="https://www.youtube.com/@SAGIBARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-red-500 hover:bg-red-700 hover:text-white transition"><i class="fab fa-youtube"></i></a>
+    <div class="container mx-auto px-4 py-3 text-center space-y-2">
+        <div class="flex justify-center gap-4">
+        <!-- אייקונים -->
+        <a href="https://chat.whatsapp.com/GPFASYBEA9CFGUMCVZ5RXP" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-green-500 hover:bg-green-500 hover:text-white transition"><i class="fab fa-whatsapp"></i></a>
+        <a href="http://www.linkedin.com/in/sagi-bar-on" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-500 hover:bg-blue-700 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a>
+        <a href="https://www.facebook.com/SAGI.BARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-600 hover:bg-blue-800 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
+        <a href="https://www.youtube.com/@SAGIBARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-red-500 hover:bg-red-700 hover:text-white transition"><i class="fab fa-youtube"></i></a>
+        </div>
+        <button id="editJsonBtnFooter"
+            class="px-4 py-2 rounded-xl bg-gradient-to-br from-pink-500 to-purple-600 text-white font-bold shadow hover:scale-105 transition">
+            <i class="fas fa-pen-to-square ml-2"></i> הציעו כלי חדש
+        </button>
+        <p class="text-gray-500 text-xs">© 2025 כל הזכויות שמורות לשגיא בר און</p>
     </div>
-    <button id="editJsonBtnFooter"
-        class="px-4 py-2 rounded-xl bg-gradient-to-br from-pink-500 to-purple-600 text-white font-bold shadow hover:scale-105 transition">
-        <i class="fas fa-pen-to-square ml-2"></i> הציעו כלי חדש
-    </button>
-    <p class="text-gray-500 text-xs">© 2025 כל הזכויות שמורות לשגיא בר און</p>
-  </div>
-</footer>
+    </footer>
 
 
     <!-- /* --- Load Tailwind CSS via CDN --- */ -->

style.css

@@ -26,3 +26,8 @@ p {
 .card p:last-child {
 	margin-bottom: 0;
 }
+.scroll-container {
+  max-height: 90vh;
+  overflow-y: auto;
+  padding-bottom: 80px; /* כדי לא להיתקע מאחורי הפוטר */
+}