Converted a few nav items over

client/homebrew/navbar/patreon.navitem.jsx

@@ -3,6 +3,7 @@ var Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
 	return <Nav.item
+		{...props}
 		className='patreon'
 		newTab={true}
 		href='https://www.patreon.com/stolksdorf'

client/homebrew/pages/homePage/homePage.jsx

@@ -24,10 +24,10 @@ const HomePage = React.createClass({
 	renderNavbar : function(){
 		return <Navbar>
 			<Nav.section>
-				<PatreonNavItem />
+				<PatreonNavItem collaspe={true} />
-				<IssueNavItem />
+				<IssueNavItem collaspe={true} />
-				<Nav.item newTab={true} href='/changelog' color='purple' icon='fa-file-text-o'>
+				<Nav.item newTab={true} href='/changelog' color='purple' icon='fa-star' collaspe={true}>
-					Changelog
+					What's new
 				</Nav.item>
 				<RecentNavItem.both />
 				<AccountNavItem />

shared/naturalcrit/nav/nav.less

@@ -1,3 +1,4 @@
+
 nav{
 	background-color : #333;
 	.navContent{
@@ -41,6 +42,7 @@ nav{
 	}
 	.navItem{
 		.animate(background-color);
+		display          : inline-block;
 		padding          : 8px 12px;
 		cursor           : pointer;
 		background-color : #333;
@@ -49,30 +51,32 @@ nav{
 		color            : white;
 		text-decoration  : none;
 		text-transform   : uppercase;
-		display: inline-block;
 		i{
 			margin-left : 5px;
 			font-size   : 13px;
 		}
 		&.collaspe{
-			//width : 60px;
 			overflow : hidden;
-			background-color: red;
+			i{
+				margin-left : 0px;
+			}
 			span{
-				white-space: nowrap;
-				width : 0%;
 				display     : inline-block;
-				overflow: hidden;
 				visibility  : hidden;
+				overflow    : hidden;
+				width       : 0px;
+				white-space : nowrap;
 			}
 			&:hover{
 				span{
 					visibility : visible;
 					width      : auto;
 				}
+				i{
+					margin-left : 5px;
+				}
 			}
 		}
-
 		&.tealLight:hover{ background-color : @tealLight };
 		&.teal:hover{ background-color : @teal };
 		&.greenLight:hover{ background-color : @greenLight };