Complete styling on dashboard

[osahon-okungbowa]

Description: This issue parses out the styling aspects of the main card related to the dashboard #133.

Here is the link to the prod site. There is no staging/sandbox site.

NB I want to time-box this work to 1 day. So that would mean 6 hours of work and then 2 hours for further work after review Thursday or Friday. Someone could easily spend days of this but the task is about putting on bit of lipstick on our pig. Not a full make-over. We're doing this agile, so we're doing some initial work and then we can iterate based on client feedback.

Acceptance criteria

• [x] The dashboard pages are (i) clear to a user what the numbers are communicating and (ii) the styling is good enough so it passes the bar of being professional.

Task-list

First round of styling

• [x] Initial by Higor
  • [x] Title size
  • [x] Change logos place and size
  • [x] Remove small icons

2nd round of styling by Tanvir

• [x] General Styling
  • [x] Improve font size
  • [x] Review side nav bar. Looks ok to me but any low hanging design fruit?
  • [x] Align the "made by" at bottom right with the logos, and pin to the bottom right (eg the data quality page it's )
  • [x] Tootip "?" needs to be smaller imo
• [x] Dashboard page
  • [x] Some styling is needed
• [x] Trends
  • [x] Some styling is needed
• [x] Insight page
  • [x] Spacing between the headers and the viz (see note for more work that needs to be done in future)
    • [x] spacing generated by pure HTML/CSS has been fixed

      Note: there are extra spaces generated by the Dash viz components which cannot be adjusted through CSS. This extra spaces will have to be tackled by using python code to override some viz compoents

  • [x] Left-align all the headers imo
  • [x] Higor changed the colours from dark green to blue. Dark green was better... and upon reflection, why not black? Tanvir you can decide what colour scheme is better
• [x] QA by Osahon
• [x] Esteban sign-off