Anzeige Rechnungsläufe geändert

public/css/style.css

@@ -1153,3 +1153,19 @@ body:not(.admin-body) > * {
   font-size: 0.92rem;
   color: var(--text-muted);
 }
+
+/* Abrechnungsläufe scrollbar */
+.runs-scroll-wrap {
+  max-height: 370px;  /* ca. 10 Zeilen */
+  overflow-y: auto;
+  border-radius: 0 0 14px 14px;
+  border: 1.5px solid var(--border);
+}
+.runs-scroll-wrap .admin-table {
+  border: none;
+}
+.runs-scroll-wrap thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}

routes/billing.js

@@ -47,7 +47,7 @@ router.get('/', requireAdmin, async (req, res) => {
     const period = req.query.period || currentPeriod();
 
     const [runs] = await db.query(
-      'SELECT * FROM billing_runs ORDER BY created_at DESC LIMIT 12'
+      'SELECT * FROM billing_runs ORDER BY created_at DESC LIMIT 10'
     );
 
     const [invoices] = await db.query(`

views/admin/billing.ejs

@@ -192,6 +192,7 @@
     <% if (runs.length > 0) { %>
     <div class="runs-section">
       <h3>Letzte Abrechnungsläufe</h3>
+      <div class="runs-scroll-wrap">
       <table class="admin-table">
         <thead>
           <tr>
@@ -225,6 +226,7 @@
           <% }) %>
         </tbody>
       </table>
+      </div>
     </div>
     <% } %>