Button consistency

Description

In OpenLMIS there is a large variation in button sizes and little variation in button colors, which doesn't provide a strong visual hierarchy. To fix this, we will:

  • remove all button sizes, and have buttons set to 1em (to always match the size of surrounding text.

  • All button padding should be `padding: 0.5em 1em;`

  • make default button color be gray (not green)

  • make 'primary-action' button color green

  • make 'delete/remove' button color dark red

These colors should be implemented as SASS variables, to allow for easy extension and tweaking.

Any primary actions should be on the right side of any form or toolbar. (ie float:right) — buttons that should be considered primary are:

  • "Sign In"

  • "Submit" "Authorize" "Approve"

"Save" should not be considered a primary action button.

The Openlmis UI Styleguide should reflect these changes, along with all application pages that have been implemented when the ticket was created.

Assignee

Sebastian Brudziński

Reporter

Nick Reid

Labels

None

Time tracking

0m

Epic Link

Sprint

None

Fix versions

Priority

Minor
Configure