UI: Make dashboard navbar and footer full-width

[silverwind]

As @lunny suggested, make the dashboard navbar full-width as well.

Before

After

[codecov-io]

Codecov Report

❗ No coverage uploaded for pull request base (master@3a33742). Click here to learn what that means.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master    #6013   +/-   ##
=========================================
  Coverage          ?   38.73%           
=========================================
  Files             ?      332           
  Lines             ?    48992           
  Branches          ?        0           
=========================================
  Hits              ?    18975           
  Misses            ?    27269           
  Partials          ?     2748

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3a33742...c49d150. Read the comment docs.

[lunny]

@silverwind thanks! Any chance to let all the pages full-width?

[silverwind]

Possible, but each page will need individual care because some of them don't look too good at full width, especially on smaller zoom levels, so we have to do individual fixes. I plan on starting with the dashboard later.

[silverwind]

Few more tweaks pushed. The page footer is now also full-width:

[silverwind]

One more tweak related to the footer. On small pages, there were unneccessary scrollbars because the page layout was 100% + 1px high with that 1px coming from the footer border. For some reason I had to add one more pixel to prevent the scrollbar from appearing. Maybe refactor to flexbox later.