refactor(boss): restyle boss stats meters

Update to reflect redesigned stats meters

public/css/header.styl

@@ -116,7 +116,6 @@
   min-width:175px
   @media screen and (max-width:768px)
     padding: 1.1em 0.618em 0
-  
   .meter-label
     float: left
     @extend $hrpg-label
@@ -159,6 +158,11 @@
     &.value
       right: 0.382em
       
+  // boss.jade only
+  [class^="quest_"] + &
+      min-width: 220px
+      padding: 1.618em 0 1em
+
 //Apply certain styles in header only
 
 header .hero-stats

views/options/social/boss.jade

@@ -27,18 +27,16 @@ mixin boss(tavern)
               span.glyphicon.glyphicon-heart
               | {{group.quest.hp | number:0}} / {{Content.quests[group.quest.key].hp}}
           .hero-stats
-            .meter.health(tooltip=env.t('bossHP'))
+            .meter-label(tooltip=env.t('bossHP'))
+              span.glyphicon.glyphicon-heart
+            .meter.health
               .bar(style='width: {{Shared.percent(progress.hp, boss.hp)}}%;')
-              span.meter-text.title
-                span.glyphicon.glyphicon-heart
-                | HP
               span.meter-text.value
                 | {{Math.ceil(progress.hp) | goldRoundThousandsToK}} / {{boss.hp | goldRoundThousandsToK}}
+            .meter-label(tooltip='Rage', ng-if='boss.rage')
+              span.glyphicon.glyphicon-fire
             .meter.mana(ng-if='boss.rage',popover="{{::boss.rage.description()}}",popover-title="{{::boss.rage.title()}}",popover-trigger='mouseenter',popover-placement='right')
               .bar(style='width: {{Shared.percent(progress.rage, boss.rage.value)}}%;')
-              span.meter-text.title
-                span.glyphicon.glyphicon-fire
-                | Rage
               span.meter-text.value
                 | {{Math.ceil(progress.rage)  | goldRoundThousandsToK}} / {{boss.rage.value | goldRoundThousandsToK}}
         div(ng-if='::Content.quests[group.quest.key].collect')