diff --git a/src/pluginbattery/static/app.js b/src/pluginbattery/static/app.js
index 12aceb4..bee63a0 100644
--- a/src/pluginbattery/static/app.js
+++ b/src/pluginbattery/static/app.js
@@ -250,15 +250,20 @@ form.addEventListener("submit", (e) => { e.preventDefault(); recalc(); });
// ─── Battery timeline modal ────────────────────────────────────────────
-const modal = document.getElementById("timeline-modal");
-const tlTitle = document.getElementById("tl-title");
-const tlDate = document.getElementById("tl-date");
-const tlDays = document.getElementById("tl-days");
-const tlOnBox = document.getElementById("tl-battery-on");
-const tlPrev = document.getElementById("tl-prev");
-const tlNext = document.getElementById("tl-next");
-const tlStatus = document.getElementById("tl-status");
-const tlSummary = document.getElementById("tl-summary");
+function mustFind(id) {
+ const el = document.getElementById(id);
+ if (!el) console.error(`[pluginbattery] missing element #${id} — modal will not work`);
+ return el;
+}
+const modal = mustFind("timeline-modal");
+const tlTitle = mustFind("tl-title");
+const tlDate = mustFind("tl-date");
+const tlDays = mustFind("tl-days");
+const tlOnBox = mustFind("tl-battery-on");
+const tlPrev = mustFind("tl-prev");
+const tlNext = mustFind("tl-next");
+const tlStatus = mustFind("tl-status");
+const tlSummary = mustFind("tl-summary");
let activeBattery = null; // the row clicked
let tlData = null; // last fetched timeline payload
diff --git a/src/pluginbattery/templates/index.html b/src/pluginbattery/templates/index.html
index fdfad24..0362490 100644
--- a/src/pluginbattery/templates/index.html
+++ b/src/pluginbattery/templates/index.html
@@ -5,7 +5,7 @@
Honest battery payback — vs thuisbatterijgids.nl
-
+
@@ -156,9 +156,6 @@
-
-
-
+
+
+