commit5

pytorrent/static/styles.css

@@ -126,6 +126,11 @@ body {
   color: var(--bs-body-color);
   font-weight: 700;
 }
+.mobile-speed-stats span {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.18rem;
+}
 .topbar .form-control,
 .topbar .form-select {
   height: 32px;
@@ -379,6 +384,28 @@ body {
 .detail-table {
   white-space: nowrap;
 }
+.responsive-table-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.6rem;
+  -webkit-overflow-scrolling: touch;
+}
+.responsive-table-wrap .detail-table {
+  margin-bottom: 0;
+}
+.smart-exclusions-table {
+  min-width: 680px;
+}
+.smart-history-table {
+  min-width: 760px;
+  table-layout: fixed;
+}
+.smart-history-table th,
+.smart-history-table td {
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
 .general-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -625,18 +652,6 @@ body {
   :root {
     --topbar: 132px;
   }
-  .toolbar-right {
-    width: 100%;
-    justify-content: flex-start;
-    flex-wrap: nowrap;
-    gap: 0.35rem;
-  }
-  .search {
-    flex: 1 1 0;
-    width: auto;
-    min-width: 0;
-    max-width: none;
-  }
   .preset-grid {
     grid-template-columns: 1fr 1fr;
   }
@@ -1138,19 +1153,12 @@ body.mobile-mode .mobile-card {
   }
 }
 @media (max-width: 640px) {
-  .toolbar-right {
-    flex-wrap: nowrap !important;
-    gap: 0.3rem !important;
-  }
-  .search {
-    min-width: 0 !important;
-    width: auto !important;
-    flex: 1 1 0 !important;
-    max-width: none !important;
-  }
   .mobile-speed-stats {
-    gap: 0.25rem;
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.08rem;
     font-size: 0.66rem;
+    line-height: 1.05;
   }
 }
 
@@ -1346,6 +1354,7 @@ body.mobile-mode .mobile-card {
 /* Note: Automation history has fixed compact metadata columns and a flexible Actions column, so long JSON cannot overlap Time/Rule. */
 .automation-history-table {
   width: 100%;
+  min-width: 760px;
   table-layout: fixed;
   white-space: normal;
 }
@@ -2336,7 +2345,3 @@ body.mobile-mode .mobile-filter-bar {
   white-space: normal;
 }
 
-.automation-history-scroll {
-  width: 100%;
-  overflow-x: auto;
-}