More study list styling

Packages/lesiontracker/client/components/userAccountMenu/userAccountMenu.html

@@ -1,10 +1,12 @@
 <template name="userAccountMenu">
     {{#if currentUser}}
         <div id="userAccountMenu" class="dropdown">
-            <a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                {{name}} {{currentPath}} | <i class="fa fa-cog fa-lg"></i>
-                <span class="caret"></span>
-            </a>
+            <div class="dropdown-toggle noselect" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                {{name}} {{currentPath}}
+                <div class="menuButton">
+                    <i class="fa fa-cog"></i> <span class="caret"></span>
+                </div>
+            </div>
             <ul class="dropdown-menu dropdown-menu-right">
                 {{#if showWorklistMenu}}
                     <li>

Packages/lesiontracker/client/components/userAccountMenu/userAccountMenu.js

@@ -45,6 +45,10 @@ Template.userAccountMenu.onRendered(function() {
     this.autorun(function() {
         // Hook login/logout
         var user = Meteor.user();
+        if (!user) {
+            return;
+        }
+
         var newUserId = user._id;
 
         if (oldUserId === null && newUserId) {

Packages/lesiontracker/client/components/userAccountMenu/userAccountMenu.styl

@@ -6,10 +6,24 @@
 
   .dropdown-toggle
     cursor: pointer
+    line-height: 20px
+    font-weight: 400
+    font-size: 13px
     text-decoration: none
     background-color: $primaryBackgroundColor
     color: $textSecondaryColor
 
+    .menuButton
+      display: inline-block
+      padding-left: 5px
+      border-left: solid 1px #516873
+
+      .fa
+        color: #94a8b3
+
+      .caret
+        color: #516873
+
   ul.dropdown-menu
     li
       cursor: pointer