styles for tasks module

public/index.php

@@ -173,9 +173,9 @@ $news_items = $stmt->fetchAll();
                         <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()">
+                            <button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
                                 Vollständige Rangliste
-                            </button> -->
+                            </button>
                         </div>
 
                         <h3>Kategorien</h3>

public/styles.css

@@ -881,6 +881,72 @@ select.form-input { cursor: pointer; }
 }
 
 
+/* -----------------------------------------------------------------
+   4.10 Create Type Toggle (Contribution or Task)
+   ----------------------------------------------------------------- */
+.create-type-toggle {
+    display: flex;
+    gap: 8px;
+}
+
+.create-type-btn {
+    flex: 1;
+    padding: 10px;
+    border: 2px solid var(--color-border);
+    border-radius: 8px;
+    background: var(--color-surface);
+    cursor: pointer;
+    font-family: var(--font-body);
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--color-text-secondary);
+    transition: all var(--transition-fast);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+}
+
+.create-type-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
+.create-type-btn.active { border-color: var(--color-primary); background: var(--color-primary-light); color: var(--color-primary); }
+
+
+/* -----------------------------------------------------------------
+   4.11 Leaderboard (Sidebar Tasks Tab)
+   ----------------------------------------------------------------- */
+.leaderboard-box {
+    background: var(--color-surface);
+    border: 1px solid var(--color-border);
+    border-radius: 8px;
+    padding: var(--space-md);
+    margin-bottom: var(--space-md);
+}
+
+.leaderboard-box h3 { margin-top: 0 !important; }
+
+.leaderboard-entry {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: 6px 0;
+    font-size: 0.85rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.leaderboard-entry:last-child { border-bottom: none; }
+.leaderboard-rank { font-size: 1rem; width: 28px; text-align: center; }
+.leaderboard-name { flex: 1; font-weight: 600; }
+.leaderboard-points { color: var(--color-primary); font-weight: 600; }
+
+.leaderboard-more-btn {
+    width: 100%;
+    margin-top: var(--space-sm);
+    font-size: 0.8rem !important;
+    min-height: 32px !important;
+    padding: 4px 12px !important;
+}
+
+
 /* =================================================================
    SECTION 5: Admin-specific Styles (admin.php)
    ================================================================= */