lib: form-layout: Do not set width for relaxed elements

Closes cockpit-project#10814
frostytear · Dec 13, 2018 · 3128c62 · 3128c62
1 parent d16fca9
commit 3128c62
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/pkg/lib/form-layout.less b/pkg/lib/form-layout.less
@@ -114,7 +114,10 @@
     grid-column: ~"2 / -1";
     line-height: @widget-height;
     margin: 0;
-    width: auto;
+
+    &:not(.ct-form-layout-relax) {
+      width: auto;
+    }
   }
 
   // Auto-relax inputs with size
@@ -127,7 +130,9 @@
   > .bootstrap-select,
   > .btn-group,
   > .dropdown {
-    width: auto !important;
+    &:not(.ct-form-layout-relax) {
+      width: auto !important;
+    }
   }
 
   // Elements with role="group" are used to group elements —
@@ -150,7 +155,7 @@
     justify-content: start;
 
     // Allow dropdowns to be less wide
-    > .dropdown {
+    &:not(.ct-form-layout-relax) > .dropdown {
       width: auto !important;
     }