From 4ba3e647867805b10f7a68b6b9ae519c250365a5 Mon Sep 17 00:00:00 2001
From: JustusFT <JustusFT@gmail.com>
Date: Thu, 26 Oct 2017 07:17:15 +0800
Subject: [PATCH] fix(nav): Navbar breaks at 768px to 786px

---
 common/app/Nav/Sign-Up.jsx |  4 ++--
 common/app/Nav/nav.less    | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/common/app/Nav/Sign-Up.jsx b/common/app/Nav/Sign-Up.jsx
index ea4d6a2e76..2676d8fd3b 100644
--- a/common/app/Nav/Sign-Up.jsx
+++ b/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 }
diff --git a/common/app/Nav/nav.less b/common/app/Nav/nav.less
index 7493f6d0e5..358cf3dda1 100644
--- a/common/app/Nav/nav.less
+++ b/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;
+  }
+}