pytorrent/static/styles.css

@@ -5325,8 +5325,9 @@ body.compact-torrent-list .mobile-progress .torrent-progress {
   width: 1rem;
 }
 
-/* Note: Planner Current Settings inherits Poller Diagnostics card chrome from .smart-setting-row. */
-.planner-current-summary {
+/* Note: Planner Current Settings and Poller Diagnostics use compact key-value rows for quick scanning. */
+.planner-current-summary,
+.poller-diagnostics-row {
   align-items: flex-start;
 }
 
@@ -5340,26 +5341,25 @@ body.compact-torrent-list .mobile-progress .torrent-progress {
   margin-top: 0.2rem;
 }
 
-/* Note: Keep each Current Settings entry on a single visual line so labels do not break above values. */
-.planner-diagnostic-item {
+.planner-diagnostic-item,
+.poller-diagnostic-item {
   align-items: baseline;
   display: inline-flex;
   gap: 0.25rem;
+  min-width: 0;
+}
+
+.planner-diagnostic-item {
   white-space: nowrap;
 }
 
-.planner-diagnostic-item b {
+.planner-diagnostic-item b,
+.poller-diagnostic-item b {
   color: var(--bs-body-color);
   display: inline;
   font-weight: 700;
 }
 
-
-/* Note: Add breathing room around Current Settings separators to match Poller Diagnostics readability. */
-.planner-diagnostic-line .diagnostic-separator {
-  margin: 0 0.18rem;
-}
-
 .diagnostic-separator,
 .modal-meta-separator {
   color: var(--bs-secondary-color);
@@ -5368,6 +5368,13 @@ body.compact-torrent-list .mobile-progress .torrent-progress {
   vertical-align: middle;
 }
 
+.poller-layout {
+  gap: 0.85rem;
+}
+
+.poller-card .smart-input-field {
+  margin-bottom: 0;
+}
 
 .poller-safe-preview {
   background: rgba(var(--bs-info-rgb), 0.08);
@@ -5380,15 +5387,33 @@ body.compact-torrent-list .mobile-progress .torrent-progress {
 }
 
 .poller-diagnostic-line {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem 0.45rem;
-  line-height: 1.5;
-  margin-top: 0.25rem;
+  color: var(--bs-secondary-color);
+  display: grid;
+  gap: 0.65rem;
+  line-height: 1.45;
+  margin-top: 0.35rem;
 }
 
-.poller-diagnostic-item {
-  display: inline-flex;
-  gap: 0.25rem;
-  min-width: 0;
+.poller-diagnostic-group {
+  border-top: 1px solid var(--bs-border-color);
+  display: grid;
+  gap: 0.35rem;
+  padding-top: 0.5rem;
+}
+
+.poller-diagnostic-group:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.poller-diagnostic-group-title {
+  color: var(--bs-body-color);
+  display: block;
+  font-weight: 700;
+}
+
+.poller-diagnostic-values {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem 0.75rem;
 }