Design issues

[amercader]

Catch-all issue with minor design things that I can't fix but that will be no problem for @smth (or maybe @roll)

Layout

• [x] proper Header visual design including logo (:fire:)
• [ ] polish 404 page
• [ ] color coding:
  • success == green
  • failure == red
  • error/pending == yellow
  • no jobs/canceled == ??? (for now we use blue but I (roll) think it should be grey as on Travis. Blue we could use somewhere in the interface instead)

Home page

• [x] #184 (:fire:)

Dashboard page

• [x] Can't get to show 4 columns (or 3 centered) (:fire:)

• [ ] Source names overflow if columns are too small

  

• [x] see prev picture - bottom side is not really clickable but mouse is a pointer on hovering

• [ ] icon-warning not displaying properly

  

Source page

• [x] Tone down green / red / yellow on the top banner (:fire:)

• [ ] Valid files background color

  

• [x] Add horizontal scrolling to error groups

  

• [ ] Close popups on next click (data-trigger="focus") - hide the whole i button for beta??? We don't have enough imformation to show here.

• [x] In report filename is a link but it much wider than actual text. So clicking in the middle of the page could lead to link click

• [ ] in report errors we don't show headers for non-header (in-rows) errors (but we should!)

• [ ] we show only first 10 errors of error type - review UI/X for saying that output is trancated

• [x] proper Jobs History visual design (a tab on /source page) (:fire:)

• [x] on small screen there is a problem with text color:

• [ ] Source tabs Report/Job history should use anchor like #job-history to make browser back button to work correctly

Settings page

• [x] Review the whole /settings page - visual design just a bad copy from what we had in three-column layout (:fire:)
• [ ] Make the "Refresh your repos and orgs" button more apparent so users know that they must click this to get something on this page (especially if it's the first time they arrive) (:fire:)