[Form]: Vertical Spacing Issues

[mhchem]

Bug Description

The vertical spacing in vertical forms is not according to the spec and the UI5 implementation.

1. There should be 0.125rem (2px) between label and input field (in addition to the margin of the input field), but currently there is none.

2. There should be 0.625rem (10px) between two label/input items (in addition to the margin of the input field). Currently, there is 10px from the label padding and 2px from the ui5-form-layout, resulting in 12px.
   Interestingly, the 2px are not added when wrapping with a ui5-form-group.

Affected Component

No response

Expected Behaviour

No response

Isolated Example

No response

Steps to Reproduce

https://jsfiddle.net/12myzgra/

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

Latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.