🛸 Sync 2026-10-27 02:27:08

luci-theme-argon/less/components/network.less

@@ -33,6 +33,28 @@ td>.ifacebadge,
   margin: 0 .2rem 0 0;
 }
 
+// Signal/noise readings are measurements, not descriptive interface names.
+// Keep the value intact while allowing the icon to stack on narrow tables.
+.ifacebadge[data-signal] {
+  min-width: min-content;
+  padding-inline: .5rem;
+  white-space: nowrap;
+
+  > img {
+    flex: none;
+    margin: 0;
+  }
+
+  > span {
+    flex-shrink: 0;
+    max-width: none;
+    direction: ltr;
+    unicode-bidi: isolate;
+    white-space: nowrap;
+    overflow-wrap: normal;
+  }
+}
+
 .network-status-table {
   display: flex;
   flex-wrap: wrap;

luci-theme-argon/less/pages/overview.less

@@ -127,6 +127,7 @@
 
     > div {
       display: flex;
+      flex-wrap: wrap;
       align-items: center;
       justify-content: space-between;
       gap: .5rem;
@@ -135,6 +136,7 @@
 
     dt {
       display: inline-flex;
+      flex: none;
       align-items: center;
       gap: .25rem;
       color: var(--muted-text);
@@ -156,11 +158,14 @@
 
     dd {
       margin: 0;
+      margin-inline-start: auto;
+      max-width: 100%;
       color: var(--text-strong);
       font-size: .75rem;
       font-weight: 500;
       font-variant-numeric: tabular-nums;
-      white-space: nowrap;
+      white-space: normal;
+      overflow-wrap: anywhere;
     }
   }
 }

luci-theme-argon/less/pages/wireless.less

@@ -29,9 +29,43 @@
 }
 
 #wifi_assoclist_table {
-    >.tr {
-        >.td[data-title="RX Rate / TX Rate"] {
-            width: 23rem;
+    // Keep the network identity readable without reserving the rate column
+    // by its translated heading. Let the remaining columns share the space.
+    .ifacebadge[data-ssid] {
+        display: flex;
+        width: 100%;
+        gap: var(--control-gap);
+        padding: var(--control-gap);
+
+        > img {
+            flex: none;
+            margin: 0;
+        }
+
+        > span {
+            flex: 1 1 0;
+            min-width: 0;
+            text-align: start;
+        }
+
+        small {
+            display: block;
+            direction: ltr;
+            unicode-bidi: isolate;
+        }
+    }
+
+    @media screen and (min-width: 1153px) {
+        > .tr > :is(.th, .td):first-child {
+            width: 22%;
+            min-width: 14rem;
+        }
+    }
+
+    @media screen and (max-width: 600px) {
+        .td:has(> .ifacebadge[data-ssid]) {
+            flex-basis: 100%;
+            padding-inline: var(--control-gap);
         }
     }
 }

luci-theme-argon/less/responsive.less

@@ -259,6 +259,13 @@
 
     }
 
+    // Let a complete signal/noise reading move to its own line when needed.
+    .table .td:has(.ifacebadge[data-signal]),
+    #cbi-wireless .td:has(.ifacebadge[data-signal]) {
+        min-width: min-content;
+        padding-inline: var(--control-gap);
+    }
+
     .td select,
     .td input[type="text"] {
         width: 100%;