Add scrollable tables and limits

query.cfm

@@ -39,6 +39,10 @@
         .link-row a { color: var(--nubes-blue); text-decoration: none; font-weight: 600; }
         .split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
         .tight { font-size: 12px; }
+        .table-scroll { overflow-y: auto; }
+        .table-scroll-queue { max-height: 220px; }
+        .table-scroll-db { max-height: 520px; }
+        .table-scroll table { margin: 0; }
         .col-queued { width: 120px; }
         .col-processed { width: 120px; }
         .col-status { width: 90px; }
@@ -64,7 +68,7 @@
     SELECT id, action, text, request_id, target_id, queued_at, processed_at, status, error_reason
     FROM #request.logTableName#
     ORDER BY id DESC
-    LIMIT 20
+    LIMIT 5
 </cfquery>
 
 <!--- Формируем сообщение статуса из лога/ошибок. --->
@@ -139,6 +143,8 @@
     <div class="split">
         <div class="card">
             <h3>Очередь (лог отправки)</h3>
+            <div class="table-scroll table-scroll-queue">
+            <div class="table-scroll table-scroll-db">
             <table class="tight">
                 <thead>
                     <tr>
@@ -170,11 +176,13 @@
                 </tbody>
             </table>
             </div>
+            </div>
+        </div>
 
         <div class="card wide">
             <h3>База (фактические записи)</h3>
             <!--- Читаем последние фактические записи для сравнения с логом. --->
-            <cfquery name="qGet" datasource="#request.DS#">SELECT * FROM #request.tableName# ORDER BY id DESC LIMIT 20</cfquery>
+            <cfquery name="qGet" datasource="#request.DS#">SELECT * FROM #request.tableName# ORDER BY id DESC LIMIT 15</cfquery>
             <table class="tight">
                 <thead><tr><th class="col-id">ID</th><th class="col-content">Содержимое</th><th class="col-req">Request ID</th><th>Действия</th></tr></thead>
                 <tbody>