[EuiFormRow] Fix hasEmptyLabelSpace being off by 2px (#7380)

elastic · Nov 21, 2023 · 28c15a8 · 28c15a8
1 parent 74cee6a
commit 28c15a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/changelogs/upcoming/7380.md b/changelogs/upcoming/7380.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiFormRow`s with `hasEmptyLabelSpace` being very slightly off in vertical alignment
diff --git a/src/components/form/form_row/_form_row.scss b/src/components/form/form_row/_form_row.scss
@@ -18,7 +18,7 @@
 }
 
 .euiFormRow--hasEmptyLabelSpace {
-  margin-top: floor($euiFontSize * $euiBodyLineHeight) + $euiSizeXS; /* 2 */
+  margin-top: $euiSize + $euiSizeXS; /* 2 */
   // the following ensure that contents that aren't inherently the same height
   // as inputs will align to the vertical center
   min-height: $euiFormControlHeight;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Bug fixes

		- Fixed `EuiFormRow`s with `hasEmptyLabelSpace` being very slightly off in vertical alignment