From d958e95c592b27b3bea33a0b6ff3235692b31261 Mon Sep 17 00:00:00 2001
From: "kay.one" <kay.one@gmail.com>
Date: Tue, 9 Jul 2013 22:02:51 -0700
Subject: [PATCH] updated styling of sortable columns on hover.

---
 UI/Cells/ToggleCell.js                 |  2 +-
 UI/Cells/cells.less                    |  4 ++++
 UI/Content/base.less                   | 11 ++++++++++-
 UI/Series/Index/List/CollectionView.js |  2 +-
 UI/Series/Index/List/ItemView.js       |  2 +-
 UI/Shared/Grid/HeaderCell.js           |  2 +-
 6 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/UI/Cells/ToggleCell.js b/UI/Cells/ToggleCell.js
index 812dc79d5..d15de4c08 100644
--- a/UI/Cells/ToggleCell.js
+++ b/UI/Cells/ToggleCell.js
@@ -6,7 +6,7 @@ define(
     ], function (Backgrid) {
         return Backgrid.Cell.extend({
 
-            className: 'toggle-cell clickable',
+            className: 'toggle-cell',
 
             events: {
                 'click': '_onClick'
diff --git a/UI/Cells/cells.less b/UI/Cells/cells.less
index 32c9d580e..e73de6580 100644
--- a/UI/Cells/cells.less
+++ b/UI/Cells/cells.less
@@ -27,6 +27,10 @@
   .clickable();
 }
 
+.toggle-cell{
+  .clickable();
+}
+
 .approval-status-cell {
   widows : 10px;
   .popover {
diff --git a/UI/Content/base.less b/UI/Content/base.less
index 0433cd8ab..953139f56 100644
--- a/UI/Content/base.less
+++ b/UI/Content/base.less
@@ -62,7 +62,6 @@
   padding     : 30px;
 }
 
-
 .page-toolbar {
   margin-top    : 10px;
   margin-bottom : 30px;
@@ -93,3 +92,13 @@
   padding   : 4px 6px;
   font-size : 16px;
 }
+
+th {
+  &.sortable {
+    &:hover {
+      background: @tableBackgroundHover;
+    }
+    .clickable();
+
+  }
+}
diff --git a/UI/Series/Index/List/CollectionView.js b/UI/Series/Index/List/CollectionView.js
index 33ea36307..8f6b5ae7f 100644
--- a/UI/Series/Index/List/CollectionView.js
+++ b/UI/Series/Index/List/CollectionView.js
@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 
 define(
     [
diff --git a/UI/Series/Index/List/ItemView.js b/UI/Series/Index/List/ItemView.js
index edad5993d..6745de8eb 100644
--- a/UI/Series/Index/List/ItemView.js
+++ b/UI/Series/Index/List/ItemView.js
@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 
 define(
     [
diff --git a/UI/Shared/Grid/HeaderCell.js b/UI/Shared/Grid/HeaderCell.js
index 33dcbf857..4d1cbdeb5 100644
--- a/UI/Shared/Grid/HeaderCell.js
+++ b/UI/Shared/Grid/HeaderCell.js
@@ -15,7 +15,7 @@ define(
                 this.$el.append(this.column.get('label'));
 
                 if (this.column.get('sortable')) {
-                    this.$el.addClass('clickable');
+                    this.$el.addClass('sortable');
                     this.$el.append(' <i class="pull-right"></i>');
 
                     if (this.collection.state) {