Standardise inner layout of all form-type pages
Problem/Opportunity Statement
In a form, the vertical spacing between:
- label and field should be minimum (typically 12px)
- two label-field groups should be larger (typically 32px)
- the submit (or end of form) button and rest of the form should be largest (say 64px)
ServerCreate page appropriately follows these guidelines but not all form pages do so, like ServerResize, VolumeAttach, etc.
What would success / a fix look like?
Audit all form using pages (can be identified by searching VH.formContainer
in codebase) that don't follow the above guidelines. Fix them by creating some helper functions that can be uniformly used for these 3 type of spacings.
Note: Some forms might require to use lesser vertical spacing than above mentioned numbers. In that case, the numbers can be reduced but this scale of spacing should be followed.
Edited by Jaladh Singhal