From 77e2e7690b16ba2b22a4df7223f3bcc93ec7ca21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 8 Mar 2022 17:42:14 +0100
Subject: [PATCH] Fix pagination styles for news plugins

---
 .../ViewHelpers/Widget/Paginate/Index.html    | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/ViewHelpers/Widget/Paginate/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/ViewHelpers/Widget/Paginate/Index.html
index 8c2bb412..0bce8471 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/ViewHelpers/Widget/Paginate/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/ViewHelpers/Widget/Paginate/Index.html
@@ -23,22 +23,22 @@
                 </f:if>
             </f:if>
             <nav aria-label="Paginierung">
-                <ul class="pagination">
+                <ul class="flex items-center space-x-2">
                     <f:if condition="{pagination.previousPage}">
-                        <li class="previous">
+                        <li>
                             <f:if condition="{pagination.previousPage} > 1">
                                 <f:then>
-                                    <f:widget.link arguments="{currentPage: pagination.previousPage}">&laquo;</f:widget.link>
+                                    <f:widget.link arguments="{currentPage: pagination.previousPage}" class="button button--small">&laquo;</f:widget.link>
                                 </f:then>
                                 <f:else>
-                                    <f:widget.link>&laquo;</f:widget.link>
+                                    <f:widget.link class="button button--small">&laquo;</f:widget.link>
                                 </f:else>
                             </f:if>
                         </li>
                     </f:if>
                     <f:if condition="{pagination.displayRangeStart} > 1">
                         <li class="first">
-                            <f:widget.link>1</f:widget.link>
+                            <f:widget.link class="button button--small">1</f:widget.link>
                         </li>
                     </f:if>
                     <f:if condition="{pagination.hasLessPages}">
@@ -47,16 +47,16 @@
                     <f:for each="{pagination.pages}" as="page">
                         <f:if condition="{page.isCurrent}">
                             <f:then>
-                                <li class="active"><span>{page.number}</span></li>
+                                <li class="active"><span class="button button--active button--small">{page.number}</span></li>
                             </f:then>
                             <f:else>
                                 <li>
                                     <f:if condition="{page.number} > 1">
                                         <f:then>
-                                            <f:widget.link arguments="{currentPage: page.number}">{page.number}</f:widget.link>
+                                            <f:widget.link arguments="{currentPage: page.number}" class="button button--small">{page.number}</f:widget.link>
                                         </f:then>
                                         <f:else>
-                                            <f:widget.link>{page.number}</f:widget.link>
+                                            <f:widget.link class="button button--secondary button--small">{page.number}</f:widget.link>
                                         </f:else>
                                     </f:if>
                                 </li>
@@ -68,12 +68,12 @@
                     </f:if>
                     <f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
                         <li class="last">
-                            <f:widget.link arguments="{currentPage: pagination.numberOfPages}">{pagination.numberOfPages}</f:widget.link>
+                            <f:widget.link arguments="{currentPage: pagination.numberOfPages}" class="button button--small">{pagination.numberOfPages}</f:widget.link>
                         </li>
                     </f:if>
                     <f:if condition="{pagination.nextPage}">
                         <li class="last next">
-                            <f:widget.link arguments="{currentPage: pagination.nextPage}">&raquo;</f:widget.link>
+                            <f:widget.link arguments="{currentPage: pagination.nextPage}" class="button button--small">&raquo;</f:widget.link>
                         </li>
                     </f:if>
                 </ul>