Make active links bold; fix badge styling

app/assets/stylesheets/framework/header.scss

@@ -100,10 +100,27 @@ header {
         }
       }
     }
+  }
 
   .global-dropdown {
     position: absolute;
     left: -10px;
+
+    .badge {
+      font-size: 11px;
+    }
+
+    li.active {
+      a {
+        font-weight: bold;
+      }
+    }
+
+    li:hover {
+      .badge {
+        background-color: $white-light;
+      }
+    }
   }
 
   .global-dropdown-toggle {
@@ -118,7 +135,6 @@ header {
       color: $gl-header-nav-hover-color;
     }
   }
-  }
 
   .header-content {
     position: relative;

app/views/layouts/header/_default.html.haml

@@ -6,8 +6,7 @@
         %button.global-dropdown-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
           %span.sr-only Toggle navigation
           = icon('bars')
-        .dropdown-menu-nav
-          %ul
+        .dropdown-menu-nav.global-dropdown-menu
           - if current_user
             = render 'layouts/nav/dashboard'
           - else