Incorrect spacing between Form Components configurations

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.3.39 CE GA39, Master
• Component/s: Out of the box Fragments > Forms Fragment
• Labels:
  • 7.4.13-u39
• Fix Priority: 2
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/9279
• Bug Type: UX / Visual - Desktop

We realized that Form components configurations in "General" tab does not have a proper spacing. Now, related configurations like "Show label" and "Label" have 24px in between and they are placed only 16px from other non-related settings.

It should be the other way round (16px between related settings and 24px between non-related settings). 

Steps to reproduce:

1. Add a Form Container and map it to an existing Object.
2. Look at the configurations of any of the form components in "General" tab.
3. Look at the alignments between configurations.

I have attached images of the current look and how it should look.

Requirement: This rule should apply to all Form Components.