Improve styling

services/web/app/views/project/list.jade

@@ -17,7 +17,7 @@ block content
 	.content.content-alt(ng-controller="ProjectPageController")
 		.container
 			.row
-				.col-md-3
+				.col-md-2
 					#newProject.dropdown
 						a.btn.btn-primary.dropdown-toggle(
 							href="#",
@@ -60,13 +60,13 @@ block content
 							ng-controller="TagListController"
 						)
 							li(ng-class="{active: (filter == 'all')}")
-								a.menu-indent(href, ng-click="filterProjects('all')") All projects
+								a(href, ng-click="filterProjects('all')") All projects
 							li(ng-class="{active: (filter == 'owned')}")
-								a.menu-indent(href, ng-click="filterProjects('owned')") Your projects
+								a(href, ng-click="filterProjects('owned')") Your projects
 							li(ng-class="{active: (filter == 'shared')}")
-								a.menu-indent(href, ng-click="filterProjects('shared')") Shared projects
+								a(href, ng-click="filterProjects('shared')") Shared projects
 							li(ng-class="{active: (filter == 'archived')}")
-								a.menu-indent(href, ng-click="filterProjects('archived')") Deleted projects
+								a(href, ng-click="filterProjects('archived')") Deleted projects
 							li
 								h2 Folders
 							li(
@@ -75,7 +75,7 @@ block content
 								ng-class="{active: tag.selected}",
 								ng-cloak
 							)
-								a.menu-indent(href="#", ng-click="selectTag()")
+								a(href="#", ng-click="selectTag()")
 									i.icon.fa(
 										ng-class="{\
 											'fa-folder-open-o': tag.selected,\
@@ -83,7 +83,7 @@ block content
 										}"
 									)
 									|  {{tag.name}} 
-								span.small ({{tag.project_ids.length}})
+									span.subdued ({{tag.project_ids.length}})
 
 					-if (settings.enableSubscriptions)
 						.row-spaced
@@ -148,7 +148,7 @@ block content
 												datalist#_roles
 													option(ng-repeat='role in roles') {{role}}
 
-				.col-md-9
+				.col-md-10
 					.container-fluid
 						.row
 							.col-md-12

services/web/public/stylesheets/app/project-list.less

@@ -15,31 +15,36 @@
 
 ul.folders-menu {
 	margin: 0;
+	.subdued {
+		color: @gray-light;
+	}
 	li {
-		line-height: 1;
-		padding: (@line-height-computed / 4) 0;
+		line-height: 1.8;
 		a {
-			font-size: 0.8rem;
+			font-size: 0.9rem;
 			color: #333;
-			padding-left: (@line-height-computed / 4);
-		}
-		.small {
-			font-size: 0.8rem;
-			color: @gray-light;
+			padding: (@line-height-computed / 4);
 		}
   	}
 	li.active {
-		border-right: 4px solid @red;
+		//border-right: 4px solid @red;
 		a {
 			font-weight: 700;
-			color: @link-color;
+			color: white;
+			background-color: @link-color;
+			border-radius: @border-radius-small;
+			.subdued {
+				color: white;
+			}
 		}
 	}
-  h2 {
-  	margin-top: @line-height-computed / 4;
-  	margin-bottom: 0;
-  	font-size: @font-size-base;
-  }
+	h2 {
+		margin-top: @line-height-computed / 2;
+		margin-bottom: @line-height-computed / 4;
+		font-size: @font-size-base;
+		font-weight: 500;
+		font-family: @font-family-sans-serif;
+	}
 }
 
 form.project-search {