From d9334dae008d085a42639f9c85359fba9178f303 Mon Sep 17 00:00:00 2001
From: Kroonk <Tom.misch2@gmail.com>
Date: Wed, 20 May 2026 19:18:18 +0200
Subject: [PATCH] Fix admin dashboard panel visibility

---
 admin.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/admin.html b/admin.html
index ccc6e17..7b2521a 100644
--- a/admin.html
+++ b/admin.html
@@ -29,7 +29,7 @@
         .view-head p { margin: .25em 0 0; color: rgba(255,255,255,.54); font-size: .92em; }
         .view-actions { display: flex; gap: .5em; flex-wrap: wrap; justify-content: flex-end; }
         .admin-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .85em; align-items: start; }
-        .panel { background: rgba(22,25,29,.94); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 1em; min-width: 0; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
+        .admin-panel { background: rgba(22,25,29,.94); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 1em; min-width: 0; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
         .span-3 { grid-column: span 3; }
         .span-4 { grid-column: span 4; }
         .span-5 { grid-column: span 5; }
@@ -37,8 +37,8 @@
         .span-7 { grid-column: span 7; }
         .span-8 { grid-column: span 8; }
         .span-12 { grid-column: 1 / -1; }
-        .panel h3 { margin: 0 0 .75em; color: #fff; font-size: .92em; letter-spacing: .08em; text-transform: uppercase; }
-        .panel p { margin: 0 0 .75em; color: rgba(255,255,255,.58); font-size: .9em; }
+        .admin-panel h3 { margin: 0 0 .75em; color: #fff; font-size: .92em; letter-spacing: .08em; text-transform: uppercase; }
+        .admin-panel p { margin: 0 0 .75em; color: rgba(255,255,255,.58); font-size: .9em; }
         .stat-card { min-height: 106px; display: flex; flex-direction: column; justify-content: space-between; }
         .stat-label { color: rgba(255,255,255,.52); font-size: .74em; letter-spacing: .09em; text-transform: uppercase; }
         .stat-value { color: #fff; font-size: 2.05em; line-height: 1; margin-top: .25em; }
@@ -46,7 +46,7 @@
         .compact-form { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: .65em; align-items: end; }
         .compact-form .field-inline { min-width: 0; }
         .compact-form label { display:block; margin: 0 0 .25em; font-size:.72em; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.55); }
-        .compact-form input, .compact-form select, .panel select { height: 2.45em; }
+        .compact-form input, .compact-form select, .admin-panel select { height: 2.45em; }
         table { width: 100%; border-collapse: collapse; font-size: .9em; }
         th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.09); vertical-align: middle; }
         th { color: rgba(255,255,255,.58); font-size: .72em; text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }
@@ -134,15 +134,15 @@
                         </div>
                     </div>
                     <div class="admin-grid">
-                        <div class="panel stat-card span-3"><div><div class="stat-label">Nutzer</div><div class="stat-value" id="stat-users">0</div></div><div class="stat-sub" id="stat-users-sub">0 Admins</div></div>
-                        <div class="panel stat-card span-3"><div><div class="stat-label">Private Ordner</div><div class="stat-value" id="stat-folders">0</div></div><div class="stat-sub" id="stat-folders-sub">0 Bilder</div></div>
-                        <div class="panel stat-card span-3"><div><div class="stat-label">Freigaben</div><div class="stat-value" id="stat-access">0</div></div><div class="stat-sub" id="stat-access-sub">0 ohne Zugriff</div></div>
-                        <div class="panel stat-card span-3"><div><div class="stat-label">Clients</div><div class="stat-value" id="stat-clients">0</div></div><div class="stat-sub" id="stat-clients-sub">0 abgelaufen</div></div>
-                        <div class="panel span-6">
+                        <div class="admin-panel stat-card span-3"><div><div class="stat-label">Nutzer</div><div class="stat-value" id="stat-users">0</div></div><div class="stat-sub" id="stat-users-sub">0 Admins</div></div>
+                        <div class="admin-panel stat-card span-3"><div><div class="stat-label">Private Ordner</div><div class="stat-value" id="stat-folders">0</div></div><div class="stat-sub" id="stat-folders-sub">0 Bilder</div></div>
+                        <div class="admin-panel stat-card span-3"><div><div class="stat-label">Freigaben</div><div class="stat-value" id="stat-access">0</div></div><div class="stat-sub" id="stat-access-sub">0 ohne Zugriff</div></div>
+                        <div class="admin-panel stat-card span-3"><div><div class="stat-label">Clients</div><div class="stat-value" id="stat-clients">0</div></div><div class="stat-sub" id="stat-clients-sub">0 abgelaufen</div></div>
+                        <div class="admin-panel span-6">
                             <h3>Aufmerksamkeit</h3>
                             <div id="attention-list" class="signal-list"></div>
                         </div>
-                        <div class="panel span-6">
+                        <div class="admin-panel span-6">
                             <h3>Rollenverteilung</h3>
                             <div id="role-list" class="signal-list"></div>
                         </div>
@@ -157,7 +157,7 @@
                         </div>
                     </div>
                     <div class="admin-grid">
-                        <div class="panel span-12">
+                        <div class="admin-panel span-12">
                             <h3>Nutzer erstellen</h3>
                             <form id="create-user-form" class="compact-form">
                                 <div class="field-inline">
@@ -179,7 +179,7 @@
                                 <div><button type="submit">Erstellen</button></div>
                             </form>
                         </div>
-                        <div class="panel span-12">
+                        <div class="admin-panel span-12">
                             <h3>Bestand</h3>
                             <div class="table-wrap">
                                 <table>
@@ -198,7 +198,7 @@
                             <p>Unterordner im Bilderpfad sind privat und werden nur explizit freigegeben.</p>
                         </div>
                     </div>
-                    <div class="panel">
+                    <div class="admin-panel">
                         <div id="folders-overview" class="folder-grid"></div>
                     </div>
                 </section>
@@ -211,12 +211,12 @@
                         </div>
                     </div>
                     <div class="admin-grid">
-                        <div class="panel span-4">
+                        <div class="admin-panel span-4">
                             <h3>Nutzer</h3>
                             <select id="user-select"><option value="">Nutzer waehlen...</option></select>
                             <div id="selected-user-summary" class="signal-list" style="margin-top:.75em;"></div>
                         </div>
-                        <div class="panel span-8">
+                        <div class="admin-panel span-8">
                             <h3>Ordnerzugriff</h3>
                             <div id="folder-table-wrap" style="display:none;">
                                 <div id="folder-access-list" class="access-list"></div>
@@ -234,7 +234,7 @@
                             <p id="folder-preview-note">Waehle einen Ordner aus der Ordneruebersicht.</p>
                         </div>
                     </div>
-                    <div class="panel">
+                    <div class="admin-panel">
                         <div id="folder-preview" class="preview-grid"></div>
                     </div>
                 </section>
@@ -246,7 +246,7 @@
                             <p>Passwort fuer den aktuellen Admin-Zugang.</p>
                         </div>
                     </div>
-                    <div class="panel">
+                    <div class="admin-panel">
                         <form id="admin-pw-form" class="compact-form">
                             <div class="field-inline">
                                 <label>Altes Passwort</label>
@@ -269,7 +269,7 @@
                         </div>
                     </div>
                     <div class="admin-grid">
-                        <div class="panel span-6">
+                        <div class="admin-panel span-6">
                             <h3>Deployment</h3>
                             <div class="signal-list">
                                 <div class="signal-item"><strong>Registry</strong><span>git.mischlabs.de/mrdiderot/photography:latest</span></div>
@@ -277,7 +277,7 @@
                                 <div class="signal-item"><strong>Port</strong><span>8090</span></div>
                             </div>
                         </div>
-                        <div class="panel span-6">
+                        <div class="admin-panel span-6">
                             <h3>Speicherorte</h3>
                             <div class="signal-list">
                                 <div class="signal-item"><strong>Bilder</strong><span>/app/public/images/fulls</span></div>