Misc UI issues

[tomdyson]

1. It's not clear that you have to click + after adding a reviewer in the 'Submit for review' modal. If there's only one person in the reviewers box 'Start review' should submit with that person.
2. The list of reviewers need indenting
3. The [x] delete link should be a bin icon
4. If the user requesting a review doesn't have a name, the email should fall back to their email address
5. The styling of the pencil edit icon, the comment box pop-up and the pop-up comment view are inconsistent with Wagtail
6. The styling of the 'Submit your review' box needs improving
7. The options for review should be 'approve', 'reject', 'just comment'
8. The styling of the 'thank you' screen should be improved
9. Reviews should be highlighted in the admin dashboard
10. The review dashboard should show dates, and should be in reverse chronological order
11. Once reviews have been closed, they should disappear from the review dashboard
12. The per-page reviews view should show reviews in reverse chronological order

[benenright]

Hi

Here is a mockup addressing issues in point 1 above list:
https://invis.io/SPS0Y1OEDZU#/363433471_add-Reviewer

• shorter input and update to the + btn so its more in sight and explicitly says 'Add reviewer
• new styling on added reviewers
• clearer language 'Request review' in btn

Here are a series of mockups that address points 5, 6 + 7 in the above list:
https://invis.io/SPS0Y1OEDZU#/363433470_select-Text

• a new, dark theme to look slicker and fit better with Wagtail style

For developer:
Sketch file attached. Or request to be added to the Invision project and use Inspect to get CSS values.

Ben

wagtail-review-mockups.zip