Migrated stats page to scss

rpg-docs/client/views/character/stats/hitDice/hitDice.css

@@ -0,0 +1,15 @@
+.hit-dice paper-icon-button {
+	display: block;
+	height: 32px;
+	padding: 0;
+	width: 32px;
+}
+
+.hit-dice paper-icon-button[disabled] {
+	color: rgba(255, 255, 255, 0.2);
+}
+
+.hit-dice paper-icon-button /deep/ core-icon {
+	height: 32px;
+	width: 32px;
+}

rpg-docs/client/views/character/stats/hitDice/hitDice.html

@@ -1,10 +1,20 @@
 <template name="hitDice">
 	{{#if ../attributeBase name}}
-		<paper-shadow class="card container" hero-id="main" {{detailHero name ../_id}} layout horizontal>
-			<div class="containerLeft green" layout horizontal hero-id="toolbar" {{detailHero name ../_id}}>
-				<div class="resourceButtons">
-					<paper-icon-button class="resourceUp" icon="arrow-drop-up" disabled={{cantIncrement}}></paper-icon-button>
-					<paper-icon-button class="resourceDown" icon="arrow-drop-down" disabled={{cantDecrement}}></paper-icon-button>
+		<paper-shadow class="card hit-dice" hero-id="main" 
+					  {{detailHero name ../_id}} 
+					  layout horizontal>
+			<div class="left green display1 white-text" 
+				 hero-id="toolbar" {{detailHero name ../_id}}
+				 layout horizontal>
+				<div>
+					<paper-icon-button class="resourceUp" 
+									   icon="arrow-drop-up" 
+									   disabled={{cantIncrement}}>
+					</paper-icon-button>
+					<paper-icon-button class="resourceDown"
+									   icon="arrow-drop-down"
+									   disabled={{cantDecrement}}>
+					</paper-icon-button>
 				</div>
 				<div class="resourceValue" layout vertical center>
 					<div>
@@ -15,9 +25,8 @@
 					</div>
 				</div>
 			</div>
-			<div class="containerRight clickable" flex relative horizontal layout center>
+			<div class="right clickable" flex relative horizontal layout center>
 				Hit Dice
-				<paper-ripple fit></paper-ripple>
 			</div>
 		</paper-shadow>
 	{{/if}}

rpg-docs/client/views/character/stats/hitDice/hitDice.js

@@ -25,7 +25,7 @@ Template.hitDice.events({
 			Characters.update(this.char._id, modifier, {validate: false});
 		}
 	},
-	"tap .containerRight": function() {
+	"tap .right": function() {
 		var charId = Template.parentData()._id;
 		var title = "d" + this.diceNum + " Hit Dice";
 		GlobalUI.setDetail({