Use shared form controls and enforce UI patterns (Refs #110)

2026-10-10 00:19:48 -04:00
parent 8d1bb69591
commit cc9c10226e
54 changed files with 1431 additions and 1449 deletions
@@ -8,20 +8,8 @@
    flex: 1 1 260px;
    min-width: 0;
 }
-.library-toolbar input,
-.library-toolbar select {
-    box-sizing: border-box;
-    width: 100%;
-    min-height: 40px;
-    padding: 9px 12px;
-    border: 1px solid var(--border-control);
-    border-radius: var(--radius-sm);
-    background: var(--surface-sunken);
-    color: var(--text-primary);
-    font: var(--text-sm) var(--font-body);
-}
-.library-toolbar > select {
-    width: auto;
+.library-toolbar > .field:not(.search) {
+    flex: 0 1 auto;
 }
 .library-table {
    overflow-x: auto;
@@ -93,8 +81,7 @@
    outline-offset: 3px;
 }
@media (max-width: 640px) {
-    .library-toolbar > select,
-    .library-toolbar > label {
+    .library-toolbar > .field:not(.search) {
        flex: 1 1 140px;
    }
    .library-toolbar .search {