MC-3397: Content Vertical Alignment inside a Container for Tab Item

- add Layout section to Edit Tab form
- move min height field to Layout section
- add vertical alignment field

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_tab_item_form.xml

@@ -84,20 +84,6 @@
                 </validation>
             </settings>
         </field>
-        <field name="min_height" sortOrder="30" formElement="input">
-            <settings>
-                <label translate="true">Minimum Height</label>
-                <additionalClasses>
-                    <class name="admin__field-x-small">true</class>
-                </additionalClasses>
-                <addAfter>px</addAfter>
-                <dataType>text</dataType>
-                <dataScope>min_height</dataScope>
-                <validation>
-                    <rule name="validate-number" xsi:type="boolean">true</rule>
-                </validation>
-            </settings>
-        </field>
     </fieldset>
     <fieldset name="background" sortOrder="30">
         <settings>
@@ -258,6 +244,46 @@
             </formElements>
         </field>
     </fieldset>
+    <fieldset name="layout" sortOrder="30">
+        <settings>
+            <label translate="true">Layout</label>
+            <collapsible>true</collapsible>
+            <opened>true</opened>
+        </settings>
+        <field name="min_height" sortOrder="10" formElement="input">
+            <settings>
+                <label translate="true">Minimum Height</label>
+                <addAfter translate="true">px</addAfter>
+                <additionalClasses>
+                    <class name="admin__field-small">true</class>
+                </additionalClasses>
+                <validation>
+                    <rule name="validate-number" xsi:type="boolean">true</rule>
+                    <rule name="greater-than-equals-to" xsi:type="number">0</rule>
+                </validation>
+            </settings>
+        </field>
+        <field name="justify_content" sortOrder="20" formElement="select">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="default" xsi:type="string">flex-start</item>
+                </item>
+            </argument>
+            <settings>
+                <dataType>text</dataType>
+                <label translate="true">Vertical Alignment</label>
+                <notice translate="true">Vertical alignment controls how the child blocks of this container will be positioned. Set minimum height in order to use vertical alignment.</notice>
+                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Magento\PageBuilder\Model\Source\VerticalAlignment"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+    </fieldset>
     <fieldset name="advanced">
         <field name="border" sortOrder="20" formElement="select">
             <argument name="data" xsi:type="array">