Re-arrange items in me nav item

ui/src/side_nav/components/UserNavBlock.js

@@ -31,9 +31,18 @@ class UserNavBlock extends Component {
         </div>
         <div className="sidebar-menu">
           <div className="sidebar-menu--heading">
+            {currentOrganization.name} (Member)
+          </div>
+          <div className="sidebar-menu--section">
             {me.name}
           </div>
-          <div className="sidebar-menu--section">Organizations</div>
+          <a className="sidebar-menu--item" href="#">
+            Manage Organizations
+          </a>
+          <a className="sidebar-menu--item" href={logoutLink}>
+            Logout
+          </a>
+          <div className="sidebar-menu--section">Switch Organizations</div>
           {roles.map((role, i) => {
             const isLinkCurrentOrg =
               currentOrganization.id === role.organization
@@ -53,10 +62,6 @@ class UserNavBlock extends Component {
               </span>
             )
           })}
-          <a className="sidebar-menu--item" href={logoutLink}>
-            Logout
-          </a>
-          {customLinks ? <div className="sidebar-menu--divider" /> : null}
           {customLinks
             ? <div className="sidebar-menu--section">Custom Links</div>
             : null}

ui/src/style/layout/sidebar.scss

@@ -204,11 +204,7 @@ $sidebar-menu--gutter: 18px;
   left: 0px;
   transform: translate(-50%,-50%) rotate(45deg);
 }
-.sidebar-menu--divider {
-  width: 100%;
-  height: 2px;
-  @include gradient-h($c-laser,$c-potassium);
-}
+
 .sidebar-menu--section {
   white-space: nowrap;
   font-size: 13px;
@@ -217,4 +213,16 @@ $sidebar-menu--gutter: 18px;
   padding: 4px $sidebar-menu--gutter;
   text-transform: uppercase;
   color: $c-hydrogen;
+  @include no-user-select();
+  position: relative;
+
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    @include gradient-h($c-laser,$c-potassium);
+  }
 }