setting up a default monster manual and encoutners

client/naturalCrit/encounter/monsterCard/monsterCard.jsx

@@ -127,6 +127,14 @@ var MonsterCard = React.createClass({
 		})
 	},
 
+	renderAbilities : function(){
+		return _.map(this.props.abilities, function(text, name){
+			return <div className='ability' key={name}>
+				<span className='name'>{name}</span>: {text}
+			</div>
+		});
+	},
+
 	renderItems : function(){
 		var self = this;
 		var usedItems = this.state.usedItems.slice(0);
@@ -172,7 +180,7 @@ var MonsterCard = React.createClass({
 				</div>
 
 				<div className='abilitiesContainer'>
-					{this.props.abilities}
+					{this.renderAbilities()}
 				</div>
 				<div className='itemContainer'>
 					<i className='fa fa-flask' />

client/naturalCrit/encounter/monsterCard/monsterCard.less

@@ -104,10 +104,16 @@
 		}
 	}
 	.abilitiesContainer{
-		margin-top : 5px;
+		margin-top : 10px;
+		.ability{
+			font-size: 0.7em;
+			.name{
+				font-weight: 800;
+			}
+		}
 	}
 	.itemContainer{
-		margin-top : 5px;
+		margin-top : 10px;
 		i{
 			font-size : 0.7em;
 		}