style: shrink debug stats bar items for a more compact layout

Author: Datanoise

server/templates/admin.html

@@ -81,7 +81,9 @@
         .stats-spacer { flex: 1; }
         .stats-toggle-tongue { position: absolute; top: -24px; right: 2rem; background: rgba(22, 27, 44, 0.7); backdrop-filter: blur(16px); border: 1px solid var(--border); border-bottom: none; padding: 4px 12px; border-radius: 8px 8px 0 0; cursor: pointer; color: var(--text-dim); display: flex; align-items: center; justify-content: center; height: 24px; box-sizing: border-box; }
         .stats-toggle-tongue:hover { color: var(--text); background: var(--surface-hover); }
-        .debug-items { display: flex; gap: 1rem; margin-left: 1.5rem; border-left: 1px solid var(--border); padding-left: 1.5rem; align-items: center; }
+        .debug-items { display: flex; gap: 0.75rem; margin-left: 1rem; border-left: 1px solid var(--border); padding-left: 1rem; align-items: center; }
+        .debug-items .stats-item { font-size: 0.65rem; gap: 0.3rem; }
+        .debug-items i { width: 12px !important; height: 12px !important; }
 
         .page-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 2rem; color: var(--text); display: flex; align-items: center; gap: 0.75rem; border-bottom: 1px solid var(--border); padding-bottom: 1rem; }
         .page-title i { color: var(--primary); width: 1.75rem; height: 1.75rem; }
@@ -650,13 +652,13 @@ <h2>Top Connection Scanners (404s)</h2>
 
                     <!-- Debug Stats (only visible in ?debug mode) -->
                     <div class="debug-items" id="debug-stats-bar" style="display: none;">
-                        <div class="stats-item"><i data-lucide="cpu" title="System RAM Usage"></i> <span id="debug-ram" style="width: 80px;">0 B</span></div>
-                        <div class="stats-item"><i data-lucide="database" title="Heap Memory Allocation"></i> <span id="debug-heap" style="width: 80px;">0 B</span></div>
-                        <div class="stats-item"><i data-lucide="layers" title="Active Goroutines"></i> <span id="debug-goroutines" style="width: 40px;">0</span></div>
-                        <div class="stats-item"><i data-lucide="refresh-cw" title="Garbage Collection Cycles"></i> <span id="debug-gc" style="width: 40px;">0</span></div>
-                        <div class="stats-item"><i data-lucide="trash" title="Total Dropped Bytes"></i> <span id="debug-loss" style="width: 80px;">0 B</span></div>
-                        <div class="stats-item"><i data-lucide="clock" title="Server Uptime"></i> <span id="debug-uptime" style="width: 80px;">0s</span></div>
-                        <div class="stats-item" style="border-left: 1px solid var(--border); padding-left: 1rem; margin-left: 0.5rem;">
+                        <div class="stats-item"><i data-lucide="cpu" title="System RAM Usage"></i> <span id="debug-ram" style="width: 60px;">0 B</span></div>
+                        <div class="stats-item"><i data-lucide="database" title="Heap Memory Allocation"></i> <span id="debug-heap" style="width: 60px;">0 B</span></div>
+                        <div class="stats-item"><i data-lucide="layers" title="Active Goroutines"></i> <span id="debug-goroutines" style="width: 30px;">0</span></div>
+                        <div class="stats-item"><i data-lucide="refresh-cw" title="Garbage Collection Cycles"></i> <span id="debug-gc" style="width: 30px;">0</span></div>
+                        <div class="stats-item"><i data-lucide="trash" title="Total Dropped Bytes"></i> <span id="debug-loss" style="width: 60px;">0 B</span></div>
+                        <div class="stats-item"><i data-lucide="clock" title="Server Uptime"></i> <span id="debug-uptime" style="width: 50px;">0s</span></div>
+                        <div class="stats-item" style="border-left: 1px solid var(--border); padding-left: 0.75rem; margin-left: 0.25rem;">
                             <form action="/admin/hotswap" method="POST" onsubmit="if(confirm('Perform Hot Swap?')) return submitForm(event, false)" style="margin:0;">
                                 <input type="hidden" name="csrf" value="{{$.CSRFToken}}">
                                 <button type="submit" class="btn btn-outline btn-sm" style="padding: 2px 8px; border-color: var(--primary-glow); color: var(--primary);" title="Zero-Downtime Hot Swap">