From 3ce8c3a9432d8efc35ab8a759bbbd82449cb76c6 Mon Sep 17 00:00:00 2001
From: djhi <1122076+djhi@users.noreply.github.com>
Date: Wed, 3 Jun 2020 10:56:16 +0200
Subject: [PATCH] Allow to style pagination buttons

---
 packages/ra-ui-materialui/src/list/PaginationActions.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ra-ui-materialui/src/list/PaginationActions.js b/packages/ra-ui-materialui/src/list/PaginationActions.js
index 7dd34ce644a..502804613a9 100644
--- a/packages/ra-ui-materialui/src/list/PaginationActions.js
+++ b/packages/ra-ui-materialui/src/list/PaginationActions.js
@@ -5,6 +5,7 @@ import { makeStyles, useTheme } from '@material-ui/core/styles';
 import ChevronLeft from '@material-ui/icons/ChevronLeft';
 import ChevronRight from '@material-ui/icons/ChevronRight';
 import { useTranslate } from 'ra-core';
+import classnames from 'classnames';
 
 const useStyles = makeStyles(
     theme => ({
@@ -13,6 +14,8 @@ const useStyles = makeStyles(
             color: theme.palette.text.secondary,
             marginLeft: 20,
         },
+        button: {},
+        currentPageButton: {},
         hellip: { padding: '1.2em' },
     }),
     { name: 'RaPaginationActions' }
@@ -99,7 +102,9 @@ function PaginationActions(props) {
             ) : (
                 <Button
                     size={size}
-                    className="page-number"
+                    className={classnames('page-number', classes.button, {
+                        [classes.currentPageButton]: pageNum === page + 1,
+                    })}
                     color={pageNum === page + 1 ? 'default' : color}
                     key={pageNum}
                     data-page={pageNum - 1}