v0.26.5

src/admin/web/style.css

@@ -72,6 +72,13 @@
     --traffic-h1: var(--chart-accent);
     --traffic-h2: var(--chart-secondary);
     --traffic-h3: var(--chart-tertiary);
+    --ui-scale: 1;
+    --ui-field-font-size: 12px;
+    --ui-field-pad-y: 6px;
+    --ui-field-pad-x: 8px;
+    --ui-field-min-height: 27px;
+    --ui-check-size: 15px;
+    --ui-range-height: 18px;
     --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
     --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
 }
@@ -782,9 +789,10 @@ textarea {
     background: var(--field-bg);
     border: 1px solid var(--field-line);
     border-radius: 3px;
-    padding: 11px 12px;
+    padding: var(--ui-field-pad-y) var(--ui-field-pad-x);
     color: var(--text);
-    font-size: 12px;
+    font-size: var(--ui-field-font-size);
+    min-height: var(--ui-field-min-height);
     min-width: 0
 }
 
@@ -802,10 +810,10 @@ input::placeholder {
 input[type="checkbox"],
 input[type="radio"] {
     display: inline-block;
-    width: 15px;
-    height: 15px;
-    min-width: 15px;
-    min-height: 15px;
+    width: var(--ui-check-size);
+    height: var(--ui-check-size);
+    min-width: var(--ui-check-size);
+    min-height: var(--ui-check-size);
     padding: 0;
     margin: 0;
     accent-color: var(--green);
@@ -3002,9 +3010,9 @@ main {
 input:not([type="checkbox"]):not([type="radio"]),
 select,
 textarea {
-    padding: 6px 8px;
-    font-size: 12px;
-    min-height: var(--ui-control)
+    padding: var(--ui-field-pad-y) var(--ui-field-pad-x);
+    font-size: var(--ui-field-font-size);
+    min-height: var(--ui-field-min-height)
 }
 
 
@@ -9354,7 +9362,16 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
     stroke-linejoin: var(--chart-linejoin);
 }
 
-/* Toolbar filters stay aligned with their tallest action button. */
+/* Compact toolbar fields use one scaled box model, so native selects and inputs stay aligned. */
+.backend-table-tools,
+.vhost-list-tools,
+.docker-toolbar,
+.log-tools,
+.file-logs-filter,
+#panel-settings .settings-filter {
+    --toolbar-control-height: min(var(--button-min-height), var(--ui-field-min-height));
+}
+
 .backend-table-tools input,
 .backend-table-tools select,
 .vhost-list-tools input[type="search"],
@@ -9365,8 +9382,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
 .file-logs-filter select,
 #panel-settings .settings-filter input {
     box-sizing: border-box;
-    height: var(--button-min-height);
-    min-height: var(--button-min-height);
-    padding-top: 2px;
-    padding-bottom: 2px
+    height: var(--toolbar-control-height);
+    min-height: var(--toolbar-control-height);
+    padding-block: 0
 }