ui: keep camera table dense — compact inline storage select
The per-row "Хранилище" <select> inherited the base select padding (6px 8px, ~32px tall) and inflated every camera row. Scope a compact rule to .stor-sel (22px height, matching the toggles) so row height stays dense. Edit/bulk-form selects are unaffected. VERSION 0.0.130. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -437,6 +437,12 @@ button.primary { background: var(--accent); border-color: #c0392b; color: #fff;
|
|||||||
button.danger { border-color: #c0392b; color: #e74c3c; }
|
button.danger { border-color: #c0392b; color: #e74c3c; }
|
||||||
button.danger:hover { background: #c0392b; border-color: #c0392b; color: #fff; }
|
button.danger:hover { background: #c0392b; border-color: #c0392b; color: #fff; }
|
||||||
table.cams td.actions button { padding: 2px 8px; font-size: 12px; }
|
table.cams td.actions button { padding: 2px 8px; font-size: 12px; }
|
||||||
|
/* инлайн-выбор хранилища в строке — компактный, не раздувает высоту строки (как тумблеры) */
|
||||||
|
table.cams td select.stor-sel {
|
||||||
|
height: 22px; padding: 1px 4px; font-size: 12px; line-height: 1;
|
||||||
|
border-radius: 5px; width: 100%; max-width: 150px; box-sizing: border-box;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
.badge {
|
.badge {
|
||||||
display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px;
|
display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px;
|
||||||
border-radius: 11px; font-size: 12px; background: var(--panel-2);
|
border-radius: 11px; font-size: 12px; background: var(--panel-2);
|
||||||
|
|||||||
Reference in New Issue
Block a user