fix(hibp): put the progress pill in the toast stack, bottom right

Free-floating it either covered the cards or the sidebar navigation. Inside .toast-container it shares the corner with the toasts, and column-reverse keeps it above them.
2026-08-01 22:41:34 +01:00
parent 961d77534f
commit fb65f4b7d6
2 changed files with 9 additions and 9 deletions
@@ -969,7 +969,10 @@ function hibpProgress(done, total) {
        pill = el('div', { class: 'hibp-progress', id: 'hibpProgress' });
        pill.appendChild(el('div', { class: 'hibp-progress-spinner' }));
        pill.appendChild(el('span', { class: 'hibp-progress-text' }));
-        document.body.appendChild(pill);
+        // Inside the toast stack rather than free-floating: it then sits in the
+        // same corner as the toasts and can never overlap them or the cards.
+        const host = document.querySelector('.toast-container');
+        (host || document.body).appendChild(pill);
    }
    const t = pill.querySelector('.hibp-progress-text');
    if (t) t.textContent = 'Checking breaches… ' + done + '/' + total;