From 72d458c8198f33680ea1b7b3ef6bbc3e3f71ea09 Mon Sep 17 00:00:00 2001
From: UndefinedOffset <echipman@webbuildersgroup.com>
Date: Tue, 4 Jul 2017 10:20:29 -0300
Subject: [PATCH] Style improvements

---
 css/GridFieldSortableRows.css                 | 30 ++++++++++++-------
 .../Forms/Includes/GridFieldSortableRows.ss   |  4 +--
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/css/GridFieldSortableRows.css b/css/GridFieldSortableRows.css
index 56e48a4..3035017 100644
--- a/css/GridFieldSortableRows.css
+++ b/css/GridFieldSortableRows.css
@@ -1,16 +1,22 @@
-form table.ss-gridfield-table thead tr th.sortablerowsheading {
+form table.grid-field__table thead tr th.sortablerowsheading {
 	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows input[type=checkbox] {
+form table.grid-field__table thead tr td.sortablerowsheading label {
+    margin-bottom: 0;
+    
+    line-height: normal;
+}
+
+form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows input[type=checkbox] {
 	height: auto;
 }
 
-form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows {
+form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows {
 	line-height: 28px;
 }
 
-form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows button {
+form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows button {
 	display: none;
 }
 
@@ -19,7 +25,7 @@ form .ss-gridfield {
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
-	background: #98AAB6;
+	background: #5589A7;
 	
 	display: none;
 	
@@ -30,7 +36,7 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
 	
 	width: 40px;
 	
-	opacity: 0.4;
+	opacity: 0.6;
 	
 	text-align: center;
 	
@@ -45,6 +51,8 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow i
 	display: block;
 	
 	position: relative;
+    
+    font-style: normal;
 	
 	position: absolute;
 	top: 50%;
@@ -72,13 +80,13 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow i:
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow:hover {
-	opacity: 0.7;
+	opacity: 0.8;
 	
 	text-decoration: none;
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page {
-	left: 0;
+	left: -20px;
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page i {
@@ -98,7 +106,7 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page i {
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page {
-	right: 0;
+	right: -20px;
 }
 
 form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page i {
@@ -117,10 +125,10 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page i {
 	transform-origin: bottom right;
 }
 
-form table.ss-gridfield-table.dragSorting tbody tr td {
+form table.grid-field__table.dragSorting tbody tr td {
 	cursor: move;
 }
 
-form table.ss-gridfield-table.dragSorting .ui-sortable-helper {
+form table.grid-field__table.dragSorting .ui-sortable-helper {
 	display: table;
 }
\ No newline at end of file
diff --git a/templates/SortableGridField/Forms/Includes/GridFieldSortableRows.ss b/templates/SortableGridField/Forms/Includes/GridFieldSortableRows.ss
index 8a8b800..1206511 100644
--- a/templates/SortableGridField/Forms/Includes/GridFieldSortableRows.ss
+++ b/templates/SortableGridField/Forms/Includes/GridFieldSortableRows.ss
@@ -1,5 +1,5 @@
 <tr>
-	<th class="extra sortablerowsheading" colspan="$Colspan">
+	<td class="sortablerowsheading" colspan="$Colspan">
 		<div class="gridfield-sortablerows">
 			<input type="checkbox" id="{$ID}_AllowDragDropCheck" value="1" autocomplete="off" class="no-change-track<% if $DisableSelection %> gridfield-sortablerows-noselection<% end_if %>"$Checked/>
 			<label for="{$ID}_AllowDragDropCheck"><%t GridFieldSortableRows.ALLOW_DRAG_DROP "Allow drag and drop re-ordering" %></label>
@@ -7,5 +7,5 @@
 			$SortOrderSave
 			$SortToPage
 		</div>
-	</th>
+	</td>
 </tr>
\ No newline at end of file