From 0ea86ef22faa1e60f4cb05edda345e1144f469a6 Mon Sep 17 00:00:00 2001
From: andersonid <nobre.it@gmail.com>
Date: Wed, 1 Oct 2025 15:44:50 -0300
Subject: [PATCH] Fix modal close functionality

- Add proper closeModal() function
- Fix close button (X) click handler
- Fix click outside modal to close
- Remove modal from DOM instead of just hiding
- Improve modal user experience
---
 app/static/index.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/static/index.html b/app/static/index.html
index 343d30d..ac6a9fb 100644
--- a/app/static/index.html
+++ b/app/static/index.html
@@ -1788,7 +1788,7 @@
                 <div class="modal-content">
                     <div class="modal-header">
                         <h2>${title}</h2>
-                        <span class="close" onclick="closeModal()">&times;</span>
+                        <span class="close">&times;</span>
                     </div>
                     <div class="modal-body">
                         ${content}
@@ -1797,6 +1797,19 @@
             `;
             document.body.appendChild(modal);
             modal.style.display = 'block';
+
+            // Add close functionality
+            const closeBtn = modal.querySelector('.close');
+            closeBtn.onclick = () => modal.remove();
+            
+            modal.onclick = (e) => {
+                if (e.target === modal) modal.remove();
+            };
+        }
+
+        function closeModal() {
+            const modals = document.querySelectorAll('.modal');
+            modals.forEach(modal => modal.remove());
         }
     </script>
 </body>