Fix field width

outl1ne · Jan 4, 2021 · a0c33b6 · a0c33b6
1 parent 1dccdec
commit a0c33b6
Showing 1 changed file with 18 additions and 5 deletions.
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -243,13 +243,26 @@ export default {
     }
   }
 
-  > :nth-child(1) {
-    min-width: 20%;
+  > *:not(:only-child) {
+    > :nth-child(1) {
+      min-width: 20%;
+    }
+
+    // Make field area full width
+    > :nth-child(2) {
+      width: 100% !important;
+    }
   }
 
-  // Make field area full width
-  > :nth-child(2) {
-    width: 100% !important;
+  > *:only-child {
+    > *:nth-child(1) {
+      min-width: 20%;
+    }
+
+    // Make field area full width
+    > *:nth-child(2) {
+      width: 100% !important;
+    }
   }
 }
 </style>