Skip to content

Standardise spacing and layout across all forms #1131

@dandineen

Description

@dandineen

We have some inconsistencies in spacing - margins and padding - across the various activities forms.

The 'Works' form has a few obvious issues:

  • There's no space between labels and the actual fields
  • Single line text fields are 100% width instead of being capped width as in other forms
  • Date fields are 100% width instead of the more appropriate fixed size
  • Field microcopy is indented
  • Field margins and padding are sometimes in em and sometimes in px

Screenshot 2021-09-15 at 12 29 18

Forms such as 'Invited position' has quite different spacing to what we see in Works. It's a lot... gappier!

  • There's too much space between the fields in each section.
  • No space between the section heading and the first field

Screenshot 2021-09-15 at 12 31 54

These form sections need to be consistently structured and laid out everywhere!

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions