Built a new pane split component

shared/naturalCrit/nav/nav.jsx

@@ -6,7 +6,9 @@ var Nav = {
 	base : React.createClass({
 		render : function(){
 			return <nav>
-				{this.props.children}
+				<div className='navContent'>
+					{this.props.children}
+				</div>
 			</nav>
 		}
 	}),

shared/naturalCrit/nav/nav.less

@@ -8,9 +8,13 @@
 	src         : url('/assets/naturalCrit/logo/CODE Bold.otf');
 }
 nav{
-	display          : flex;
 	background-color : #333;
-	justify-content  : space-between;
+
+	.navContent{
+		display          : flex;
+
+		justify-content  : space-between;
+	}
 	.navSection{
 		display     : flex;
 		align-items : center;
@@ -51,7 +55,7 @@ nav{
 	}
 	.navItem{
 		.animate(background-color);
-		padding          : 5px 8px;
+		padding          : 8px 12px;
 		cursor           : pointer;
 		background-color : #333;
 		font-size        : 12px;