From edea181f943925c83ecbe2966db9f0a3e31b4028 Mon Sep 17 00:00:00 2001
From: janis steiner <janis@jakach.ch>
Date: Wed, 6 May 2026 19:32:03 +0200
Subject: [PATCH] fixing ui

---
 public/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index c69fd92..34b8e4c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -211,7 +211,7 @@ pre.raw-line { background: var(--bs-tertiary-bg); padding: .75rem; border-radius
     <div class="page-section" id="page-sources">
       <div class="d-flex justify-content-between align-items-center mb-3">
         <h5 class="mb-0"><i class="bi bi-database me-2"></i>Log Sources</h5>
-        <button class="btn btn-primary btn-sm" onclick="resetSourceForm();(bootstrap.Modal.getOrCreateInstance(document.getElementById('sourceModal'))).show()"><i class="bi bi-plus-lg"></i> Add Source</button>
+        <button class="btn btn-primary btn-sm" onclick="resetSourceForm();setTimeout(()=>bootstrap.Modal.getOrCreateInstance(document.getElementById('sourceModal')).show(),50)"><i class="bi bi-plus-lg"></i> Add Source</button>
       </div>
       <div class="card">
         <div class="card-body p-0">
@@ -231,7 +231,7 @@ pre.raw-line { background: var(--bs-tertiary-bg); padding: .75rem; border-radius
     <div class="page-section" id="page-rules">
       <div class="d-flex justify-content-between align-items-center mb-3">
         <h5 class="mb-0"><i class="bi bi-sliders me-2"></i>Alert Rules</h5>
-        <button class="btn btn-primary btn-sm" onclick="resetRuleForm();(bootstrap.Modal.getOrCreateInstance(document.getElementById('ruleModal'))).show()"><i class="bi bi-plus-lg"></i> Add Rule</button>
+        <button class="btn btn-primary btn-sm" onclick="resetRuleForm();setTimeout(()=>bootstrap.Modal.getOrCreateInstance(document.getElementById('ruleModal')).show(),50)"><i class="bi bi-plus-lg"></i> Add Rule</button>
       </div>
       <div class="card">
         <div class="card-body p-0">
@@ -746,7 +746,7 @@ function showAlert(id) {
       <dt class="col-sm-3">Raw Line</dt><dd class="col-sm-9"><pre class="raw-line">${esc(a.raw_line)}</pre></dd>
     </dl>`;
   document.getElementById('statusSelect').value = a.status;
-  new bootstrap.Modal(document.getElementById('detailModal')).show();
+  setTimeout(() => bootstrap.Modal.getOrCreateInstance(document.getElementById('detailModal')).show(), 50);
 }
 
 document.getElementById('updateStatusBtn').addEventListener('click', async () => {
@@ -817,7 +817,7 @@ function editSource(id) {
   document.getElementById('sourceFormAddress').value = s.address;
   document.getElementById('sourceFormLabels').value = s.labels && Object.keys(s.labels).length ? JSON.stringify(s.labels) : '';
   document.getElementById('sourceFormActive').checked = s.active;
-  new bootstrap.Modal(document.getElementById('sourceModal')).show();
+  setTimeout(() => bootstrap.Modal.getOrCreateInstance(document.getElementById('sourceModal')).show(), 50);
 }
 
 function resetSourceForm() {
@@ -893,7 +893,7 @@ function editRule(id) {
   document.getElementById('ruleFormSeverity').value = r.severity;
   document.getElementById('ruleFormRateLimit').value = r.rate_limit_seconds || '';
   document.getElementById('ruleFormActive').checked = r.active;
-  new bootstrap.Modal(document.getElementById('ruleModal')).show();
+  setTimeout(() => bootstrap.Modal.getOrCreateInstance(document.getElementById('ruleModal')).show(), 50);
 }
 
 function resetRuleForm() {