v1.8.6: сортировка таблиц, спиннеры number input, единый стиль — fix broken HTML, modal-actions → form-actions, card-wrapper

py_service/app/templates/pages/charts.html

@@ -6,7 +6,7 @@
 .modal { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:24px; width:420px; max-width:90vw; }
 .modal h2 { color:var(--text-primary); }
 .modal p { color:var(--text-secondary); }
-.modal-actions { display:flex; gap:10px; }
+.form-actions { display:flex; gap:10px; }
 .btn-danger { background:var(--danger, #dc3545); color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-weight:600; }
 .btn-primary { background:var(--accent, #00ADEF); color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-weight:600; }
 .btn { background:var(--bg-input); color:var(--text-primary); border:1px solid var(--border); padding:8px 16px; border-radius:6px; cursor:pointer; }
@@ -42,11 +42,11 @@
     </div>
     <div class="filter-bar" style="margin-top:8px;flex-wrap:wrap;gap:6px;">
         <span style="font-size:12px;color:var(--text-muted);">Пользовательские графики:</span>
-        <button class="btn btn-secondary btn-xs" onclick="saveCustomChart()">Сохранить текущий</button>
+        <button class="btn btn-secondary btn-sm" onclick="saveCustomChart()">Сохранить текущий</button>
         <select id="custom-chart-select" onchange="loadCustomChart(this.value)">
             <option value="">— Загрузить —</option>
         </select>
-        <button class="btn btn-danger btn-xs" onclick="deleteCustomChart()">Удалить</button>
+        <button class="btn btn-danger btn-sm" onclick="deleteCustomChart()">Удалить</button>
     </div>
     <div style="position:relative;height:400px;">
         <canvas id="chart-canvas"></canvas>
@@ -59,7 +59,7 @@
         <div class="form-group">
             <input type="text" id="chart-name-input" placeholder="Введите название..." style="width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg-card);color:var(--text);box-sizing:border-box;">
         </div>
-        <div class="modal-actions" style="justify-content:flex-end;margin-top:16px;">
+        <div class="form-actions" style="justify-content:flex-end;margin-top:16px;">
             <button type="button" class="btn btn-primary" onclick="confirmSaveChart()">Сохранить</button>
             <button type="button" class="btn" onclick="closeChartNameModal()">Отмена</button>
         </div>
@@ -73,7 +73,7 @@
             <strong id="delete-chart-name"></strong> будет удалён навсегда.
             Это действие нельзя отменить.
         </p>
-        <div class="modal-actions" style="justify-content:flex-end;">
+        <div class="form-actions" style="justify-content:flex-end;">
             <button type="button" class="btn btn-danger" onclick="confirmDeleteChart()">Удалить</button>
             <button type="button" class="btn" onclick="closeConfirmDeleteChart()">Отмена</button>
         </div>