fix(ui): field alignment when labels overflow inside rows (#8246)

paulpopus · web-flow · commit 149b7cb26c9b · 2024-09-16T22:42:01.000Z
diff --git a/packages/ui/src/fields/Row/index.scss b/packages/ui/src/fields/Row/index.scss
@@ -8,6 +8,9 @@
 
     > * {
       flex: 0 1 var(--field-width);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
     }
 
     // If there is more than one child, add inline-margins to space them out.

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,9 @@`
`8`	`8`
`9`	`9`	`> * {`
`10`	`10`	`flex: 0 1 var(--field-width);`
	`11`	`+ display: flex;`
	`12`	`+ flex-direction: column;`
	`13`	`+ justify-content: space-between;`
`11`	`14`	`}`
`12`	`15`
`13`	`16`	`// If there is more than one child, add inline-margins to space them out.`