diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index 0737819..92f0893 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -164,7 +164,7 @@
bottom: 0;
left: 0;
right: 0;
- z-index: 300;
+ z-index: 700; /* über Leaflet-Panes (~400) */
min-height: calc(var(--nav-bottom-height) + var(--safe-bottom));
padding-top: var(--space-1);
padding-bottom: calc(var(--safe-bottom) + var(--space-1));
diff --git a/backend/static/index.html b/backend/static/index.html
index 5fd4ac2..aceea61 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -32,7 +32,7 @@
-
+
diff --git a/backend/static/js/pages/routes.js b/backend/static/js/pages/routes.js
index fb9f0f7..884a4ba 100644
--- a/backend/static/js/pages/routes.js
+++ b/backend/static/js/pages/routes.js
@@ -64,7 +64,34 @@ window.Page_routes = (() => {
}
}
- function refresh() { _syncRecBtn(); _loadData(); }
+ function refresh() {
+ // Button-Zeile neu rendern damit style-Änderungen nach einem JS-Update sichtbar werden
+ const btnRow = document.querySelector('#rk-filter-btn')?.parentElement;
+ if (btnRow) {
+ btnRow.innerHTML = `
+
+
+
+ `;
+ document.getElementById('rk-filter-btn').addEventListener('click', _toggleFilterPanel);
+ document.getElementById('rk-rec-btn').addEventListener('click', () => {
+ if (window.Page_map?.isRecording?.()) { window.Page_map.stopRecording(); _syncRecBtn(); }
+ else { App.navigate('map'); setTimeout(() => window.Page_map?.startRecording?.(), 600); }
+ });
+ document.getElementById('rk-import-input').addEventListener('change', e => {
+ const file = e.target.files?.[0]; if (file) _importFile(file); e.target.value = '';
+ });
+ _updateFilterBadge();
+ }
+ _syncRecBtn();
+ _loadData();
+ }
function onDogChange() {}
// ----------------------------------------------------------