From ea14d44a7f9586f5891bcde16ecba1d21c472304 Mon Sep 17 00:00:00 2001
From: patrickzerhusen <patrick.zerhusen@endex-geodaten.de>
Date: Thu, 7 May 2026 16:02:07 +0200
Subject: [PATCH] improved sidebar structure, layouts and texts

---
 public/index.php | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/public/index.php b/public/index.php
index 787c2b0..cdc47eb 100644
--- a/public/index.php
+++ b/public/index.php
@@ -167,23 +167,14 @@ $news_items = $stmt->fetchAll();
                         <span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
                     </h2>
                     <div class="sidebar-body">
-                        <p>Verwenden Sie die Karte, um <strong>Aufgaben</strong> für die Gemeinschaft hinzuzufügen oder bestehende Aufgaben zu betrachten, bewerten und kommentieren.</p>
-
-                        <!-- Leaderboard -->
-                        <div id="leaderboard-container" class="leaderboard-box">
-                            <h3>Rangliste</h3>
-                            <div id="leaderboard-list"></div>
-                            <button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
-                                Vollständige Rangliste
-                            </button>
-                        </div>
+                        <p>Verwenden Sie die Karte, um <strong>Aufgaben</strong> für die Gemeinschaft hinzuzufügen oder bestehende Aufgaben zu betrachten, bewerten und kommentieren.</p>                     
 
                         <h3>Kategorien</h3>
                         <div id="task-category-filter">
-                            <!-- Task Category Filter Checkboxes — populated by app.js (with count per category) -->
+                            <!-- populated by app.js -->
                         </div>
-                        <p id="tasks-total">
-                            <!-- e.g. "✓ 17 Aufgaben insgesamt" — populated by app.js -->
+                        <p id="task-stats-container">
+                            <!-- populated by app.js -->
                         </p>
 
                         <div class="task-filter-row">
@@ -194,6 +185,16 @@ $news_items = $stmt->fetchAll();
                                 <option value="verified">Erledigte Aufgaben</option>
                             </select>
                         </div>
+
+                        <!-- Leaderboard -->
+                        <div id="leaderboard-container" class="leaderboard-box">
+                            <h3>Rangliste</h3>
+                            <div id="leaderboard-list"></div>
+                            <button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
+                                Vollständige Rangliste
+                            </button>
+                        </div>
+
                     </div>
                 </div>