From ade9bb50f400b70db86fbe3a635b4f44c338a135 Mon Sep 17 00:00:00 2001
From: Robbie Averill <robbie@silverstripe.com>
Date: Mon, 13 Nov 2017 10:47:24 +1300
Subject: [PATCH] FIX Update template classes and styles for configurable
 paginator

---
 css/GridFieldExtensions.css                        |  7 +++----
 .../GridFieldConfigurablePaginator.ss              | 14 +++++++-------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/css/GridFieldExtensions.css b/css/GridFieldExtensions.css
index 9c91376..8ccbbdb 100644
--- a/css/GridFieldExtensions.css
+++ b/css/GridFieldExtensions.css
@@ -208,14 +208,13 @@
  * GridFieldConfigurablePaginator
  */
 .ss-gridfield-configurable-paginator .pagination-page-size {
-  color: #fff;
+  align-items: center;
+  display: flex;
   float: left;
-  padding: 6px 0;
 }
 
 .ss-gridfield-configurable-paginator .pagination-page-size-select {
-  margin-left: 0;
-  width: auto;
+  margin-left: .5rem;
 }
 
 .ss-gridfield-configurable-paginator .ss-gridfield-pagesize-submit {
diff --git a/templates/Symbiote/GridFieldExtensions/GridFieldConfigurablePaginator.ss b/templates/Symbiote/GridFieldExtensions/GridFieldConfigurablePaginator.ss
index adb2490..488c40f 100644
--- a/templates/Symbiote/GridFieldExtensions/GridFieldConfigurablePaginator.ss
+++ b/templates/Symbiote/GridFieldExtensions/GridFieldConfigurablePaginator.ss
@@ -1,7 +1,7 @@
 <tr>
-    <td class="bottom-all" colspan="$Colspan">
+    <td class="grid-field__paginator bottom-all" colspan="$Colspan">
         <span class="pagination-page-size">
-            <%t GridFieldConfigurablePaginator.SHOW 'Show' %>
+            <%t Symbiote\\GridFieldExtensions\\GridFieldConfigurablePaginator.SHOW 'Show' is 'Verb. Example: Show 1 of 2' %>
             <select name="$PageSizesName" class="pagination-page-size-select" data-skip-autofocus="true">
             <% loop $PageSizes %>
                 <option <% if $Selected %>selected="selected"<% end_if %>>$Size</option>
@@ -10,20 +10,20 @@
             $PageSizesSubmit
         </span>
         <% if not $OnlyOnePage %>
-            <div class="datagrid-pagination">
+            <div class="grid-field__paginator__controls datagrid-pagination">
                 $FirstPage $PreviousPage
                 <span class="pagination-page-number">
-                    <%t Pagination.Page 'Page' %>
+                    <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.Page 'Page' %>
                     <input class="text" value="$CurrentPageNum" data-skip-autofocus="true" />
-                    <%t TableListField_PageControls_ss.OF 'of' is 'Example: View 1 of 2' %>
+                    <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.OF 'of' is 'Example: View 1 of 2' %>
                     $NumPages
                 </span>
                 $NextPage $LastPage
             </div>
         <% end_if %>
-        <span class="pagination-records-number">
+        <span class="grid-field__paginator_numbers pagination-records-number">
             {$FirstShownRecord}&ndash;{$LastShownRecord}
-            <%t TableListField_PageControls_ss.OF 'of' is 'Example: View 1 of 2' %>
+            <%t SilverStripe\\Forms\\GridField\\GridFieldPaginator.OF 'of' is 'Example: View 1 of 2' %>
             $NumRecords
         </span>
     </td>