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

1 files changed, 5 insertions, 2 deletions

diff --git a/public/less/_base.less b/public/less/_base.less
index 2de7610b26..1e6c07f116 100644
--- a/public/less/_base.less
+++ b/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;