Sort out style of project list

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

@@ -27,17 +27,20 @@ block content
 	mixin projectList(projects)
 		-each project in projects
 			- project_id = project._id.toString()
-			li.project_entry(id=project_id)
+			li.project_entry(id=project_id).container-fluid
-				label.checkbox.select-item
+				.row
-					input(type="checkbox")
+					.col-md-6
-				span.title
+						input(type="checkbox").select-item
-					a.projectName(href="/project/#{project._id}") #{project.name}
+						span.title
-					span.project-tags(data-project-id=project_id)
+							a.projectName(href="/project/#{project._id}") #{project.name}
-						- each tag in project.tags
+							span.project-tags(data-project-id=project_id)
-							mixin tag(project_id, tag.name, true)
+								- each tag in project.tags
-				span.owner
+									mixin tag(project_id, tag.name, true)
-					mixin formatOwnerText(project.accessLevel, project.publicAccesLevel)
+					.col-md-2
-				span.last-modified.isoDate #{project.lastUpdated.toISOString()}
+						span.owner
+							mixin formatOwnerText(project.accessLevel, project.publicAccesLevel)
+					.col-md-4
+						span.last-modified.isoDate #{project.lastUpdated.toISOString()}
 
 	.content.content-alt
 		.container
@@ -154,12 +157,15 @@ block content
 								.card.card-thin
 									- if (projects.length > 0)
 										ul.list-unstyled.project-list
-											li
+											li.container-fluid
-												label.checkbox.select-all
+												.row
-													input(type="checkbox")
+													.col-md-6
-												span.title TITLE
+														input(type="checkbox").select-all
-												span.owner OWNER
+														span.title TITLE
-												span.last-modified LAST MODIFIED
+													.col-md-2
+														span.owner OWNER
+													.col-md-4
+														span.last-modified LAST MODIFIED
 											mixin projectList(projects)
 									- else
 										.row

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

@@ -38,13 +38,12 @@ form.project-search {
 
 ul.project-list {
 	list-style-type: none;
-	height: 420px;
 	margin: 0;
 	overflow: hidden;
 	overflow-y: scroll;
 	li {
-		border-bottom: 1px solid @gray-lighter;
+		border-bottom: 1px solid @gray-lightest;
-		padding: (@line-height-base / 4) 0;
+		padding: (@line-height-computed / 4) 0;
 		&:first-child {
 			.last-modified, .owner {
 				font-size: 1rem;
@@ -54,34 +53,30 @@ ul.project-list {
 			border-bottom: 0 none;
 		}
 		&:hover {
-			background-color: @gray-lighter;
+			background-color: @gray-lightest;
 		}
 		&:first-child:hover {
 			background-color: white;
 		}
 		a {
-			color: lighten(@blue, 10%);
+			color: darken(@blue, 10%);
 		}
 		.select-item, .select-all, .title, .last-modified, .owner {
 			display: inline-block;
 			vertical-align: top;
-			margin-right: @line-height-base;
+			margin-right: @line-height-computed;
 		}
 		.select-item, .select-all {
-			margin-left: @line-height-base / 4;
+			margin-left: @line-height-computed / 4;
-		}
-		.title {
-			width: 50%;
 		}
 		.last-modified, .owner {
 			font-size: .8rem;
-			width: 15%;
 		}
 		.owner {
 			margin-right: 0;
 		}
 		.projectName {
-			margin-right: @line-height-base;
+			margin-right: @line-height-computed;
 		}
 	}
 	.project_entry {

services/web/public/stylesheets/core/scaffolding.less

@@ -9,8 +9,7 @@
 // For recommendations on resolving such conflicts, see
 // http://getbootstrap.com/getting-started/#third-box-sizing
 * {
-  .box-sizing(border-box);
+  .box-sizing(border-box);}
-}
 *:before,
 *:after {
   .box-sizing(border-box);

services/web/public/stylesheets/core/type.less

@@ -2,6 +2,9 @@
 // Typography
 // --------------------------------------------------
 
+* {
+  -webkit-font-smoothing: antialiased;
+}
 
 // Headings
 // -------------------------