Styling changes - the hub

Description

1. Hub selector:

  • Color of the text should be: #474f5a;

  • Padding:

2. Buttons:

  • .h5p-sdk .button{min-width: 4em; padding: 0.708em 1.45em;}

  • Space between edge of the hub and button should be 1.5em

3. Content type details page

  • .h5p-hub .content-type-detail .container { padding-bottom: 1em; }

4. Messages

Error/info/success messages should not have their own left and right margin.

  • .h5p-sdk .message - { margin-left: 0; margin-right: 0; }

  • .message-content { padding-right:1em; }

  • For "upload" tab - error is not shown inside .h5p-hub .upload-wrapper container and because of it it goes from enge to edge. Either make it inside this container - or set the margins just for it - not for all other messages.

  • "x" is misplaced on the messages:


    placement of the "x" can be seen here

  • For title of the message we have -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; and for body text we have -webkit-margin-before: 1em; -webkit-margin-after: 1em; - remove theese - both title and body text of the message does not have margins.

Acceptance Criteria

Apply styling changes

Status

Assignee

Thomas Marstrander

Reporter

Jelena Milinovic

Labels

None

Funding

None

Code reviewer

Frode Petterson

Released

None

Time tracking

6h

Fix versions

Priority

Medium
Configure