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

---
 public/js/app.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/js/app.js b/public/js/app.js
index 1359a0e..14c9020 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -668,11 +668,11 @@ function editContribution(contributionId) {
         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(props.title) + '">' +
                 '</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(props.description || '') + '</textarea>' +
                 '</div>' +
             '</div>',
@@ -921,14 +921,14 @@ function buildCategoryFilter() {
         const checked = activeFilters.indexOf(key) !== -1 ? 'checked' : '';
         const count = counts[key] || 0;
 
-        html += '<label style="display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer;font-size:0.85rem;color:var(--color-text-secondary)">' +
+        html += '<label class="category-filter-label">' +
                     '<input type="checkbox" value="' + key + '" ' + checked + ' onchange="toggleCategoryFilter(this)">' +
                     categoryIcon(cat) +
                     '<span>' + cat.label + ' (' + count + ')</span>' +
                 '</label>';
     }
 
-    html += '<p style="margin-top:10px;font-size:0.85rem;color:var(--color-text-secondary)"><strong>' + total + '</strong> Beiträge insgesamt</p>';
+    html += '<p class="category-filter-total"><strong>' + total + '</strong> Beiträge insgesamt</p>';
 
     container.innerHTML = html;
 }