From 3e4252cb9e456ab6e10a8d30575a505d6e65eb36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Wed, 27 Feb 2019 15:21:48 +0100
Subject: [PATCH] Fix pagination controls styles in WP 5.1.x

[MAILPOET-1838]
---
 assets/js/src/listing/pages.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/js/src/listing/pages.jsx b/assets/js/src/listing/pages.jsx
index 53f21be243..7f236bfed1 100644
--- a/assets/js/src/listing/pages.jsx
+++ b/assets/js/src/listing/pages.jsx
@@ -62,16 +62,16 @@ class ListingPages extends React.Component {
     }
     let pagination = false;
     let firstPage = (
-      <span aria-hidden="true" className="tablenav-pages-navspan">«</span>
+      <span aria-hidden="true" className="tablenav-pages-navspan button disabled">«</span>
     );
     let previousPage = (
-      <span aria-hidden="true" className="tablenav-pages-navspan">‹</span>
+      <span aria-hidden="true" className="tablenav-pages-navspan button disabled">‹</span>
     );
     let nextPage = (
-      <span aria-hidden="true" className="tablenav-pages-navspan">›</span>
+      <span aria-hidden="true" className="tablenav-pages-navspan button disabled">›</span>
     );
     let lastPage = (
-      <span aria-hidden="true" className="tablenav-pages-navspan">»</span>
+      <span aria-hidden="true" className="tablenav-pages-navspan button disabled">»</span>
     );
 
     if (this.props.limit > 0 && this.props.count > this.props.limit) {
@@ -80,7 +80,7 @@ class ListingPages extends React.Component {
           <a
             href="javascript:;"
             onClick={this.setPreviousPage}
-            className="prev-page"
+            className="prev-page button"
           >
             <span className="screen-reader-text">{MailPoet.I18n.t('previousPage')}</span>
             <span aria-hidden="true">‹</span>
@@ -93,7 +93,7 @@ class ListingPages extends React.Component {
           <a
             href="javascript:;"
             onClick={this.setFirstPage}
-            className="first-page"
+            className="first-page button"
           >
             <span className="screen-reader-text">{MailPoet.I18n.t('firstPage')}</span>
             <span aria-hidden="true">«</span>
@@ -106,7 +106,7 @@ class ListingPages extends React.Component {
           <a
             href="javascript:;"
             onClick={this.setNextPage}
-            className="next-page"
+            className="next-page button"
           >
             <span className="screen-reader-text">{MailPoet.I18n.t('nextPage')}</span>
             <span aria-hidden="true">›</span>
@@ -119,7 +119,7 @@ class ListingPages extends React.Component {
           <a
             href="javascript:;"
             onClick={this.setLastPage}
-            className="last-page"
+            className="last-page button"
           >
             <span className="screen-reader-text">{MailPoet.I18n.t('lastPage')}</span>
             <span aria-hidden="true">»</span>