fix navbar being cut of

templates/widgets/navbar.lucius

@@ -31,7 +31,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
-  width: 100%;
+  right: 0;
   top: 0;
   left: var(--asidenav-width-xl);
   height: var(--header-height);
@@ -40,7 +40,6 @@
   background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to top, var(--color-dark) 0%,var(--color-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: white;
-  margin-right: 40px;
   z-index: 20;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
   overflow: auto;
@@ -115,24 +114,21 @@
   + .navbar__list {
     margin-left: 12px;
   }
+}
 
-  &:last-of-type {
+@media (min-width: 769px) {
+
+  .navbar__list:last-of-type {
     padding-right: 40px;
   }
 }
 
-@media (min-width: 768px) {
-
-  .navbar__list:last-of-type {
-    margin-right: 20px;
-  }
-}
-
-@media (max-width: 425px) {
+@media (max-width: 768px) {
 
   .navbar__list {
     + .navbar__list {
       margin-left: 0;
+      padding-right: 80px;
     }
   }
 }