header fixes

Author: Parth Shah

app/my-dashboard/header-dashboard/header-dashboard.controller.js

@@ -9,13 +9,14 @@
     'ProfileService',
     'userIdentity',
     'profile',
-    '$log'
+    '$log',
+    '$filter'
   ];
 
-  function HeaderDashboardController($stateParams, NotificationService, ProfileService, userIdentity, profile, $log) {
+  function HeaderDashboardController($stateParams, NotificationService, ProfileService, userIdentity, profile, $log, $filter) {
     var vm = this;
     vm.profile = profile;
-
+    vm.handleColor = $filter('ratingColor')(_.get(profile, 'maxRating.rating', 0));
 
     activate();
 

app/my-dashboard/header-dashboard/header-dashboard.jade

@@ -5,7 +5,7 @@ header
         img.profile-circle(ng-if="vm.profile.photoURL", ng-src="{{vm.profile.photoURL}}")
         img.profile-circle(ng-if="!vm.profile.photoURL", src="/images/ico-user-default.svg")
     .user-stats(id="metrics", ng-hide="vm.loading")
-      .handle(style="color:{{handleColor}};") {{vm.profile.handle}}
+      .handle(style="color:{{vm.handleColor}};") {{vm.profile.handle}}
       .money-earned(ng-hide="vm.hideMoney")
         p.number(ng-bind="vm.moneyEarned | currency:'$':0")
         p Earned

assets/css/my-dashboard/header-dashboard.scss

@@ -8,6 +8,8 @@
   margin-top: 30px;
   @media only screen and (min-width: 900px) {
     padding: 30px 60px;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   header {