chages in smart queue

pytorrent/static/styles.css

@@ -551,7 +551,7 @@ body.resizing-details {
   min-width: 680px;
 }
 .smart-history-table {
-  min-width: 760px;
+  min-width: 920px;
   table-layout: fixed;
 }
 .smart-history-table th,
@@ -4373,6 +4373,33 @@ body,
 
 
 /* Smart Queue exception picker */
+.smart-exclusion-toolbar {
+  align-items: center;
+  display: grid;
+  gap: 0.65rem;
+  grid-template-columns: minmax(16rem, 1fr) auto auto auto;
+}
+
+.smart-exclusion-toolbar-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+.smart-exclusion-counter {
+  color: var(--bs-secondary-color);
+  font-size: 0.875rem;
+  white-space: nowrap;
+}
+
+.smart-exclusion-toggle {
+  align-items: center;
+  display: flex;
+  gap: 0.45rem;
+  margin: 0;
+  white-space: nowrap;
+}
+
 .smart-exclusion-choice-list {
   display: grid;
   gap: 0.45rem;
@@ -4382,14 +4409,14 @@ body,
 }
 
 .smart-exclusion-choice-row {
-  display: flex;
   align-items: flex-start;
-  gap: 0.65rem;
-  padding: 0.65rem 0.75rem;
+  background: rgba(var(--bs-secondary-bg-rgb), 0.24);
   border: 1px solid var(--bs-border-color);
   border-radius: 0.65rem;
-  background: rgba(var(--bs-secondary-bg-rgb), 0.24);
   cursor: pointer;
+  display: flex;
+  gap: 0.65rem;
+  padding: 0.65rem 0.75rem;
 }
 
 .smart-exclusion-choice-row:hover {
@@ -4413,6 +4440,16 @@ body,
   overflow-wrap: anywhere;
 }
 
+@media (max-width: 768px) {
+  .smart-exclusion-toolbar {
+    grid-template-columns: 1fr;
+  }
+
+  .smart-exclusion-toolbar-actions {
+    justify-content: flex-start;
+  }
+}
+
 /* Backup preview data samples */
 .backup-preview-empty {
   color: var(--bs-secondary-color);