From 59dc80a6217c00b8a453862ad264ad0833d4c77c Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Fri, 15 Dec 2017 18:03:57 -0600
Subject: [PATCH] feat(navbar): Adds vertical line between normal navigation
 and p

---
 common/app/Nav/Nav.jsx  | 1 +
 common/app/Nav/nav.less | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/common/app/Nav/Nav.jsx b/common/app/Nav/Nav.jsx
index b332c279a2..e2a471b668 100644
--- a/common/app/Nav/Nav.jsx
+++ b/common/app/Nav/Nav.jsx
@@ -217,6 +217,7 @@ export class FCCNav extends React.Component {
                 /> :
                 null
             }
+            <li className='divider-vertical'/>
             {
               navLinks.map(
                 this.renderLink.bind(this, true)
diff --git a/common/app/Nav/nav.less b/common/app/Nav/nav.less
index d9284fd37c..4f5159144e 100644
--- a/common/app/Nav/nav.less
+++ b/common/app/Nav/nav.less
@@ -100,6 +100,15 @@ li.nav-avatar {
   border-top: 0;
 }
 
+.divider-vertical {
+  height: 24px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-left: 0.25px solid #ffffff;
+  border-right: 0.25px solid #ffffff;
+  align:
+}
+
 @media (max-width: @screen-xs-max) {
   .navbar-header {
     float: none;