Styled the page info

client/homebrew/brewRenderer/brewRenderer.jsx

@@ -30,8 +30,6 @@ var BrewRenderer = React.createClass({
 	},
 
 	handleScroll : function(e){
-		console.log('sco');
-
 		this.setState({
 			viewablePageNumber : Math.floor(e.target.scrollTop / PAGE_HEIGHT)
 		});
@@ -55,7 +53,7 @@ var BrewRenderer = React.createClass({
 
 	renderPageInfo : function(){
 		return <div className='pageInfo'>
-			{this.state.viewablePageNumber} / {this.totalPages}
+			{this.state.viewablePageNumber + 1} / {this.totalPages}
 		</div>
 	},
 

client/homebrew/brewRenderer/brewRenderer.less

@@ -1,23 +1,30 @@
 @import (less) './client/homebrew/phbStyle/phb.style.less';
 
-.brewRenderer{
+
+.pane{
 	position: relative;
+}
+
+.brewRenderer{
 	overflow-y: scroll;
 
 	//height : calc(~"100%");
 
 	.pageInfo{
-		background-color: black;
+		background-color: #333;
 		color : White;
 		position: absolute;
-		padding: 30px;
+		padding: 8px 10px;
+		font-weight: 800;
+		font-size: 10px;
 		z-index : 1000;
 
 		bottom: 0;
-		right : 0;
+		right : 17px;
 	}
 
 	.pages{
+		margin: 30px 0px;
 
 		&>.phb{
 			margin-right  : auto;