Use button on features is now disabled rather than hidden

rpg-docs/client/views/character/characterSheet.css

@@ -32,3 +32,7 @@ paper-tabs.transparent-brown::shadow #selectionBar {
 paper-tabs.transparent-brown paper-tab::shadow #ink {
 	color: #795548;
 }
+
+core-toolbar.medium-tall {
+	height: 108px;
+}

rpg-docs/client/views/character/features/features.html

@@ -65,8 +65,8 @@
 						{{#if description}}<div flex class="containerMain body1 featureDescription">{{description}}</div>{{/if}}
 						{{#if hasUses}}
 							<div class="containerFoot" layout horizontal center end-justified>
-								{{#if usesLeft}}<paper-button class="useFeature">Use</paper-button>{{/if}}
-								<paper-button class="resetFeature">Reset</paper-button>
+								<paper-button class="useFeature" disabled={{noUsesLeft}}>Use</paper-button>
+								<paper-button class="resetFeature" disabled={{usesFull}}>Reset</paper-button>
 							</div>
 						{{/if}}
 					</paper-shadow>

rpg-docs/client/views/character/features/features.js

@@ -6,6 +6,12 @@ Template.features.helpers({
 	hasUses: function(){
 		return this.usesValue() > 0;
 	},
+	noUsesLeft: function(){
+		return this.usesLeft() <= 0;
+	},
+	usesFull: function(){
+		return this.usesLeft() >= this.usesValue();
+	},
 	colorClass: function(){
 		return getColorClass(this.color)
 	},