UI: Make dashboard navbar and footer full-width (#6013)

* UI: Make dashboard navbar full-width

* more tweaks: full-width footer and consistent padding

* fix page layout causing unneccesary scrollbars on small pages

public/less/_base.less

@@ -49,7 +49,7 @@ pre > code {
 }
 .full.height {
     padding: 0;
-    margin: 0 0 -@footer-margin 0;
+    margin: 0 0 calc(-@footer-margin - 2px) 0;
     min-height: 100%;
 }
 .following.bar {
@@ -100,9 +100,10 @@ pre > code {
     }
     #navbar {
         width: 100vw;
+        padding: 0 .5rem;
     }
     #navbar .brand {
-        margin: 0 0 0 .5rem;
+        margin: 0;
     }
     @media only screen and (max-width: 767px) {
         #navbar:not(.shown) > *:not(:first-child) {
@@ -444,6 +445,8 @@ footer {
     width: 100%;
     color: #888888;
     .container {
+        width: 100vw !important;
+        padding: 0 .5rem;
         .fa {
             width: 16px;
             text-align: center;

public/less/_dashboard.less

@@ -61,6 +61,11 @@
     .dashboard-repos {
         margin: 0 1px;
     }
+
+    .dashboard-navbar {
+        width: 100vw;
+        padding: 0 .5rem;
+    }
 }
 
 &.feeds {

templates/user/dashboard/navbar.tmpl

@@ -1,4 +1,4 @@
-<div class="ui container">
+<div class="dashboard-navbar">
 	<div class="ui secondary stackable menu">
 		<div class="item">
 			<div class="ui floating dropdown link jump">