updated styling of sortable columns on hover.

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'

UI/Cells/cells.less

@@ -27,6 +27,10 @@
   .clickable();
 }
 
+.toggle-cell{
+  .clickable();
+}
+
 .approval-status-cell {
   widows : 10px;
   .popover {

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();
+
+  }
+}

UI/Series/Index/List/CollectionView.js

@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 
 define(
     [

UI/Series/Index/List/ItemView.js

@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 
 define(
     [

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) {