From 7c0a17c915493247b70c97cbed5c06c719b4ac3c Mon Sep 17 00:00:00 2001
From: patrickzerhusen <patrick.zerhusen@endex-geodaten.de>
Date: Tue, 16 Jun 2026 15:05:25 +0200
Subject: [PATCH] added utility designs

---
 public/js/admin.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/public/js/admin.js b/public/js/admin.js
index 90f6b6e..3f76488 100644
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -132,7 +132,7 @@ function loadMapPreview(mapDiv) {
             });
 
             if (!feature) {
-                mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Geometrie nicht gefunden.</div>';
+                mapDiv.innerHTML = '<div class="empty-state">Geometrie nicht gefunden.</div>';
                 return;
             }
 
@@ -177,7 +177,7 @@ function loadMapPreview(mapDiv) {
             mapDiv.dataset.loaded = 'true';
         })
         .catch(function () {
-            mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Karte nicht verfügbar.</div>';
+            mapDiv.innerHTML = '<div class="empty-state">Karte nicht verfügbar.</div>';
         });
 }
 
@@ -340,11 +340,11 @@ function editContribution(contributionId, currentTitle, currentDescription) {
         html:
             '<div style="text-align:left;">' +
                 '<div style="margin-bottom:12px;">' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
+                    '<label class="swal-label">Titel</label>' +
                     '<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
                 '</div>' +
                 '<div>' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Beschreibung</label>' +
+                    '<label class="swal-label">Beschreibung</label>' +
                     '<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentDescription) + '</textarea>' +
                 '</div>' +
             '</div>',
@@ -443,7 +443,7 @@ function editModComment(commentId, currentContent) {
         title: 'Kommentar bearbeiten',
         html:
             '<div style="text-align:left;">' +
-                '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
+                '<label class="swal-label">Inhalt</label>' +
                 '<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
             '</div>',
         showCancelButton: true,
@@ -511,15 +511,15 @@ function createNews() {
         html:
             '<div style="text-align:left;">' +
                 '<div style="margin-bottom:12px;">' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
+                    '<label class="swal-label">Titel</label>' +
                     '<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' +
                 '</div>' +
                 '<div style="margin-bottom:12px;">' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
+                    '<label class="swal-label">Inhalt</label>' +
                     '<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' +
                 '</div>' +
                 '<div>' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
+                    '<label class="swal-label">Autor</label>' +
                     '<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' +
                 '</div>' +
             '</div>',
@@ -565,15 +565,15 @@ function editNews(newsId, currentTitle, currentContent, currentAuthor) {
         html:
             '<div style="text-align:left;">' +
                 '<div style="margin-bottom:12px;">' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
+                    '<label class="swal-label">Titel</label>' +
                     '<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
                 '</div>' +
                 '<div style="margin-bottom:12px;">' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
+                    '<label class="swal-label">Inhalt</label>' +
                     '<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
                 '</div>' +
                 '<div>' +
-                    '<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
+                    '<label class="swal-label">Autor</label>' +
                     '<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentAuthor) + '">' +
                 '</div>' +
             '</div>',