Add up/down arrows to bottom menu

bower.json

@@ -6,7 +6,7 @@
 		"angular": "1.2.20",
 		"angular-route": "1.2.20",
 		"angular-sanitize": "1.2.20",
-		"fontawesome": "3.0.2",
+		"fontawesome": "4.2.0",
 		"lodash": "2.4.1",
 		"marked": "0.3.2",
 		"pure": "0.2.0",

source/partials/comparison.html.jade

@@ -3,6 +3,8 @@
 		.version(ng-repeat="heading in headings")
 			.version-padded
 				.version-menu
+					.arrow.fa.fa-chevron-up(ng-show="!pick")
+					.arrow.fa.fa-chevron-down(ng-show="pick")
 					.text(ng-bind-html="heading")
 
 .pick(ng-show="pick")

source/styles/style.css.styl

@@ -6,6 +6,8 @@ body
 
 .pure-menu.pure-menu-open
 	height: 36px
+	color: #E5E5A1
+	background: #22220C
 	li
 		a
 			color: #C6C684
@@ -25,16 +27,18 @@ body
 			vertical-align: middle
 
 .pure-menu.menu-main
-	background: #22220C
 	margin-bottom: 1em
 
 .pure-menu.menu-verses
-	background: #22220C
 	position: fixed
 	left: 0
 	bottom: 0
 	:hover
 		cursor: pointer
+	.arrow
+		left: -15px
+		line-height: 22px
+		position: absolute
 
 .version
 	vertical-align: top
@@ -50,6 +54,7 @@ body
 	.version-menu
 		color: #E5E5A1
 		padding: 0px 10px
+		position: relative
 
 	.section
 		color: #E5E5A1