From 60d6b9e4b64a43e71430f28748a62cd23fdcccce Mon Sep 17 00:00:00 2001
From: patrickzerhusen <patrick.zerhusen@endex-geodaten.de>
Date: Tue, 16 Jun 2026 14:57:52 +0200
Subject: [PATCH] added utility designs

---
 public/admin.php  | 18 +++++++++---------
 public/styles.css |  6 ++++++
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/public/admin.php b/public/admin.php
index 778da48..ff47e11 100644
--- a/public/admin.php
+++ b/public/admin.php
@@ -228,7 +228,7 @@ $counts['total'] = count($all_contributions);
             <div id="contributions-container">
                 <?php if (empty($all_contributions)): ?>
                     <div class="empty-state">
-                        <i class="fa-solid fa-inbox" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
+                        <i class="fa-solid fa-inbox"></i>
                         Noch keine Beiträge vorhanden.
                     </div>
                 <?php else: ?>
@@ -381,7 +381,7 @@ $counts['total'] = count($all_contributions);
             <div id="comments-mod-container">
                 <?php if (empty($all_comments)): ?>
                     <div class="empty-state">
-                        <i class="fa-solid fa-comments" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
+                        <i class="fa-solid fa-comments"></i>
                         Noch keine Kommentare vorhanden.
                     </div>
                 <?php else: ?>
@@ -409,9 +409,9 @@ $counts['total'] = count($all_contributions);
 
                             <!-- Expanded Detail -->
                             <div class="contribution-row-detail">
-                                <div style="padding:12px 0;">
+                                <div class="detail-block">
                                     <!-- Comment Content -->
-                                    <div style="font-size:0.9rem;line-height:1.6;color:var(--color-text);margin-bottom:12px;">
+                                    <div class="detail-block">
                                         <?= nl2br(htmlspecialchars($comment['content'])) ?>
                                     </div>
                                     <!-- Meta -->
@@ -457,8 +457,8 @@ $counts['total'] = count($all_contributions);
         <!-- News Article Tab                                      -->
         <!-- ========================================================= -->
         <div id="tab-news" class="page-tab-content" style="display:none;">
-            <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
-                <h2 style="margin:0;border:none;padding:0;"><i class="fa-solid fa-newspaper"></i> Neuigkeiten</h2>
+            <div class="tab-header">
+                <h2><i class="fa-solid fa-newspaper"></i> Neuigkeiten</h2>
                 <button class="btn btn-approve" onclick="createNews()">
                     <i class="fa-solid fa-plus"></i> Nachricht hinzufügen
                 </button>
@@ -466,7 +466,7 @@ $counts['total'] = count($all_contributions);
 
             <?php if (empty($news_items)): ?>
                 <div class="empty-state">
-                    <i class="fa-solid fa-newspaper" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
+                    <i class="fa-solid fa-newspaper"></i>
                     Noch keine Neuigkeiten veröffentlicht.
                 </div>
             <?php else: ?>
@@ -475,7 +475,7 @@ $counts['total'] = count($all_contributions);
                         <div class="contribution-row-header" onclick="toggleRow(this.parentElement)">
                             <div class="contribution-row-summary">
                                 <span class="title"><?= htmlspecialchars($news['title']) ?></span>
-                                <span style="font-size:0.8rem;color:#999;">
+                                <span class="detail-block-meta">
                                     <?= date('d.m.Y', strtotime($news['published_at'])) ?>
                                     · <?= htmlspecialchars($news['author_name']) ?>
                                 </span>
@@ -483,7 +483,7 @@ $counts['total'] = count($all_contributions);
                             <i class="fa-solid fa-chevron-down collapse-icon"></i>
                         </div>
                         <div class="contribution-row-detail">
-                            <div style="padding:12px 0;font-size:0.9rem;line-height:1.6;color:#5a5a7a;">
+                            <div class="detail-block">
                                 <?= nl2br(htmlspecialchars($news['content'])) ?>
                             </div>
                             <div class="action-buttons">
diff --git a/public/styles.css b/public/styles.css
index 2edf4e3..aa5095d 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -345,6 +345,12 @@ select.form-input { cursor: pointer; }
     font-size: var(--font-base);
 }
 
+.empty-state i {
+    font-size: 2rem;
+    margin-bottom: var(--space-sm);
+    display: block;
+}
+
 
 /* =================================================================
    SECTION 4: Portal-specific Styles (index.php)