fixed the alignment issues when row-label and row-help had no text [#…

…153268701] Signed-off-by: Ming Xiao <mxiao@pivotal.io>
pivotal-cf · Nov 29, 2017 · f9cd9e7 · f9cd9e7
1 parent e9b5aba
commit f9cd9e7
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/css/forms/forms.scss b/src/css/forms/forms.scss
@@ -459,13 +459,14 @@ textarea.valid {
 
   .label-row {
     display: block;
-    line-height: 4 * $base-unit;
+    line-height: 4 * $base-unit - 4;
+    min-height: 4 * $base-unit;
     font-weight: 600;
     font-size: 14px;
   }
 
   .help-row {
-    line-height: 2 * $base-unit;
+    line-height: 2 * $base-unit - 4;
     min-height: 2 * $base-unit;
     font-weight: 400;
     font-size: 12px;
@@ -480,10 +481,6 @@ textarea.valid {
     }
   }
 
-  .label-row {
-    min-height: 4 * $base-unit;
-  }
-
   &.has-error {
     .help-row {
       color: $input-invalid-text;