From ed1fa22729a912b34ddffe948f09495bc4769235 Mon Sep 17 00:00:00 2001
From: Kyle Knight <kyle@kolide.co>
Date: Fri, 13 Jan 2017 14:23:11 -0600
Subject: [PATCH] Add caret back into the user menu dropdown (#950)

---
 .../components/side_panels/SiteNavHeader/SiteNavHeader.jsx  | 2 ++
 frontend/components/side_panels/SiteNavHeader/_styles.scss  | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/frontend/components/side_panels/SiteNavHeader/SiteNavHeader.jsx b/frontend/components/side_panels/SiteNavHeader/SiteNavHeader.jsx
index 0de0213d7d..fbb5f9b1c6 100644
--- a/frontend/components/side_panels/SiteNavHeader/SiteNavHeader.jsx
+++ b/frontend/components/side_panels/SiteNavHeader/SiteNavHeader.jsx
@@ -3,6 +3,7 @@ import classnames from 'classnames';
 
 import configInterface from 'interfaces/config';
 import OrgLogoIcon from 'components/icons/OrgLogoIcon';
+import Icon from 'components/icons/Icon';
 import userInterface from 'interfaces/user';
 import UserMenu from 'components/side_panels/SiteNavHeader/UserMenu';
 
@@ -89,6 +90,7 @@ class SiteNavHeader extends Component {
             <h1 className={`${headerBaseClass}__org-name`}>{orgName}</h1>
             <div className={userStatusClass} />
             <h2 className={`${headerBaseClass}__username`}>{username}</h2>
+            <Icon name="downcarat" className={`${headerBaseClass}__carat`} />
           </div>
 
           <UserMenu
diff --git a/frontend/components/side_panels/SiteNavHeader/_styles.scss b/frontend/components/side_panels/SiteNavHeader/_styles.scss
index bd8df77e52..74242e3378 100644
--- a/frontend/components/side_panels/SiteNavHeader/_styles.scss
+++ b/frontend/components/side_panels/SiteNavHeader/_styles.scss
@@ -87,6 +87,12 @@
       display: none;
     }
   }
+
+  &__carat {
+    @include position(absolute, null 0 $pad-small null);
+    color: $accent-medium;
+    font-size: 9px;
+  }
 }
 
 .user-menu-toggle {