Forms UX

[jsoref]

Summary

Forms should behave more or less the same way across the product

Motivation

Inconsistency and surprise are bad

Survey

https://cd.apps.argoproj.io/settings/projects?add=true

https://cd.apps.argoproj.io/settings/repos?addHTTPSRepo=true

https://cd.apps.argoproj.io/settings/gpgkeys?addGnuPGPublicKey=true

https://cd.apps.argoproj.io/settings/certs?addTLSCert=true

https://cd.apps.argoproj.io/settings/certs?addSSHKnownHosts=true

https://cd.apps.argoproj.io/settings/repos?addSSHRepo=true

https://cd.apps.argoproj.io/settings/projects/default?newRole=true

https://cd.apps.argoproj.io/settings/projects/default?newWindow=true

(this form doesn't appear to have any mandatory fields? -- clicking create just triggers an error)

oddly the kind field gets a dropdown indicator later...

Proposal

• consistently use white background (followup to fix: sync repository certificates UI with other pages(#4609) #4971)
• consistently place create/cancel buttons (below see that some are LTR and some RTL)
• clearly indicate mandatory fields so users don't have to guess
• help indicators shouldn't wrap away from their text if it's possible to make the field wider (see DAY OF THE MONTH)

[ciiay]

Hi @jsoref , the PR for this issue has been merged, could you check if this is ready for closing? Thanks!

[jsoref]

LGTM, thanks.