Merge pull request #16033 from JustusFT/fix/beta-navbar

fix: Navbar breaks at 768px to 786px

common/app/Nav/Sign-Up.jsx

@@ -37,9 +37,9 @@ export default function SignUpButton({
       key='user'
       >
       <Link to='/settings'>
-        <span className='nav-username hidden-md hidden-lg'> { username } </span>
+        <span className='nav-username hidden-sm'> { username } </span>
         <span className='nav-points'> [ { points || 1 } ] </span>
-        <span className='nav-picture-container hidden-xs hidden-sm'>
+        <span className='nav-picture-container'>
           <img
             className='nav-picture float-right'
             src={ picture }

common/app/Nav/nav.less

@@ -194,3 +194,19 @@ li.nav-avatar {
     }
   }
 }
+
+@media (min-width: 768px) and (max-width: 860px) {
+  .navbar {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .navbar-right {
+    margin-right: 0;
+  }
+
+  .navbar-nav > li > a {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}