🎨 Sync 2026-10-29 20:07:12

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

@@ -1,7 +1,8 @@
 // out: false
 
 // Services - Dockerman
-[data-page="admin-docker-overview"] .cbi-section-table {
+[data-page="admin-docker-overview"] .cbi-section-table,
+[data-page="admin-services-dockerman-overview"] .cbi-section-table {
     // Keep long JSON values inside the Version and Environment tables.
     table-layout: fixed;
 
@@ -10,7 +11,7 @@
         min-width: 0;
         white-space: normal;
         overflow-wrap: anywhere;
-        text-align: left !important;
+        text-align: start !important;
         vertical-align: top;
     }
 
@@ -19,6 +20,44 @@
     }
 }
 
+// The JS app returns a plain td for its action group, without LuCI's usual
+// cbi-section-actions class. Reserve space for several icons before wrapping.
+[data-page="admin-services-dockerman-containers"] {
+    .td:last-child:has(> div > .cbi-button + .cbi-button) {
+        width: 16rem;
+        min-width: 16rem;
+        white-space: normal;
+        text-align: end;
+
+        > div {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: flex-end;
+            max-width: 16rem;
+            margin-inline-start: auto;
+            gap: var(--control-gap);
+
+            > * {
+                flex: 0 0 auto;
+            }
+        }
+    }
+
+    @media screen and (max-width: 1152px) {
+        .td:last-child:has(> div > .cbi-button + .cbi-button) {
+            flex: 1 1 100%;
+            width: 100%;
+            min-width: 0;
+            max-width: 100%;
+
+            > div {
+                max-width: 100%;
+            }
+        }
+    }
+}
+
 #cbi-dockerd {
     .cbi-section {
         box-sizing: border-box;

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

@@ -6,6 +6,13 @@
     margin: .25rem 0;
   }
 
+  // ui.Textarea gives its wrapper and textarea an inline width of 100%.
+  // Size only the Notes widget; the textarea can keep filling its wrapper.
+  [data-name="notes"] .cbi-value-field > div:has(> .cbi-input-textarea) {
+    width: var(--form-control-min-width) !important;
+    max-width: 100%;
+  }
+
   #localtime,
   [data-name="hostname"] input,
   [data-name="log_size"] input,