From b53246123289c6931975a520421532029f9b824c Mon Sep 17 00:00:00 2001
From: James Allen <james@sharelatex.com>
Date: Fri, 18 Jul 2014 12:20:12 +0100
Subject: [PATCH] Style project sorting with a cleaner look

---
 .../web/app/views/project/list/project-list.jade     | 12 ++++++------
 services/web/public/coffee/main/project-list.coffee  |  6 +++---
 services/web/public/stylesheets/app/base.less        |  3 +++
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/services/web/app/views/project/list/project-list.jade b/services/web/app/views/project/list/project-list.jade
index 05fa427b22..2bd91383bb 100644
--- a/services/web/app/views/project/list/project-list.jade
+++ b/services/web/app/views/project/list/project-list.jade
@@ -122,14 +122,14 @@
 								select-all,
 								type="checkbox"
 							)
-							span.header Title
-							i.tablesort.fa(ng-class="getSortIconClass('name')")
+							span.header.clickable Title
+								i.tablesort.fa(ng-class="getSortIconClass('name')")
 						.col-md-2(ng-click="changePredicate('accessLevel')")
-							span.header Owner
-							i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
+							span.header.clickable Owner
+								i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
 						.col-md-4(ng-click="changePredicate('lastUpdated')")
-							span.header Last Modified
-							i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
+							span.header.clickable Last Modified
+								i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
 				li.project_entry.container-fluid(
 					ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
 					ng-controller="ProjectListItemController"
diff --git a/services/web/public/coffee/main/project-list.coffee b/services/web/public/coffee/main/project-list.coffee
index d64f2bbcde..d920428845 100644
--- a/services/web/public/coffee/main/project-list.coffee
+++ b/services/web/public/coffee/main/project-list.coffee
@@ -84,11 +84,11 @@ define [
 
 		$scope.getSortIconClass = (column)->
 			if column == $scope.predicate and $scope.reverse
-				return "fa-sort-down"
+				return "fa-caret-down"
 			else if column == $scope.predicate and !$scope.reverse
-				return "fa-sort-up"
+				return "fa-caret-up"
 			else
-				return "fa-sort"
+				return ""
 
 		$scope.clearSearchText = () ->
 			$scope.searchText = ""
diff --git a/services/web/public/stylesheets/app/base.less b/services/web/public/stylesheets/app/base.less
index 9935c3f374..fb53524266 100644
--- a/services/web/public/stylesheets/app/base.less
+++ b/services/web/public/stylesheets/app/base.less
@@ -2,6 +2,9 @@
   display: none !important;
 }
 
+.clickable {
+    cursor: pointer;
+}
 
 .img-circle {
 	display: inline-block;