fix: repair admin directory filter layout

app/static/admin.css

@@ -8,20 +8,19 @@
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }
 
-.admin__skip-link {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  z-index: 100;
-  padding: 8px 12px;
-  color: #ffffff;
-  background: #0f766e;
-  transform: translateY(-150%);
-}
-
-.admin__skip-link:focus {
-  transform: translateY(0);
-}
+.admin__skip-link {
+  position: absolute;
+  top: 8px;
+  left: -999px;
+  z-index: 100;
+  padding: 8px 12px;
+  color: #ffffff;
+  background: #0f766e;
+}
+
+.admin__skip-link:focus-visible {
+  left: 8px;
+}
 
 .admin__header {
   display: flex;
@@ -544,9 +543,9 @@
   color: #6b7280;
 }
 
-.directory__filters {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+.directory__filters {
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) minmax(0, 1.25fr) minmax(0, 2fr);
   gap: 10px;
   padding: 16px;
   background: #ffffff;
@@ -554,9 +553,9 @@
   border-radius: 8px;
 }
 
-.directory__filter-group {
-  display: grid;
-  grid-template-columns: 1fr;
+.directory__filter-group {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   align-content: start;
   gap: 8px;
   min-width: 0;
@@ -586,7 +585,9 @@
   font-weight: 700;
 }
 
-.directory__input {
+.directory__input {
+  box-sizing: border-box;
+  width: 100%;
   font: inherit;
   font-size: 16px;
   font-weight: 400;
@@ -804,12 +805,16 @@
     grid-template-columns: 1fr;
   }
 
-  .directory__filter-group,
-  .directory__filter-group--search,
-  .directory__filter-actions {
-    grid-column: 1;
-  }
-
+  .directory__filter-group,
+  .directory__filter-group--search,
+  .directory__filter-actions {
+    grid-column: 1;
+  }
+
+  .directory__filter-group {
+    grid-template-columns: 1fr;
+  }
+
   .directory__field {
     font-size: 13px;
   }