style: integrate queue filters into the command bar

Move search, host, status, and reset controls into one framed filter group beside the upload actions, preserving responsive wrapping within the same toolbar.
2026-08-21 00:59:23 +02:00
parent 503cb26615
commit e742a74f6d
3 changed files with 27 additions and 10 deletions
@@ -402,12 +402,28 @@ body {
  margin: 0 4px;
 }
 .queue-filter-reset {
-  margin-left: auto;
+  margin-left: 2px;
  white-space: nowrap;
 }
 .queue-filter-reset[hidden] {
  display: none;
 }
+.queue-filter-bar {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 5px;
+  margin-left: auto;
+  padding: 3px;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: var(--bg-input);
+}
+.queue-filter-bar .key-input,
+.queue-filter-bar .hs-input {
+  height: 30px;
+}
 .queue-container {
  flex: 1 1 0;
  min-height: 0;