From e46e97212c501706928a384e0cc19cff3518b3a8 Mon Sep 17 00:00:00 2001
From: Mathias Leimgruber <m.leimgruber@4teamwork.ch>
Date: Mon, 30 Aug 2021 16:42:17 -0400
Subject: [PATCH] Style plone 5 pagination.

---
 docs/HISTORY.txt                              |  2 +-
 .../resources/sass/components/form.scss       | 37 +++++++++----------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/docs/HISTORY.txt b/docs/HISTORY.txt
index a0ae1764..21cf18bc 100644
--- a/docs/HISTORY.txt
+++ b/docs/HISTORY.txt
@@ -4,7 +4,7 @@ Changelog
 4.0.7 (unreleased)
 ------------------
 
-- Nothing changed yet.
+- Style plone 5 pagination css klass. [mathias.leimgruber]
 
 
 4.0.6 (2021-06-04)
diff --git a/plonetheme/onegov/resources/sass/components/form.scss b/plonetheme/onegov/resources/sass/components/form.scss
index 36d74e82..ad4debf9 100644
--- a/plonetheme/onegov/resources/sass/components/form.scss
+++ b/plonetheme/onegov/resources/sass/components/form.scss
@@ -279,26 +279,25 @@ input[type="radio"] {
 
 /* @group listing bar */
 
-div.listingBar .next {
-  display: inline-block;
-  float: right;
-}
-div.listingBar .previous {
-  display: inline-block;
-}
-div.listingBar .current {
-  vertical-align: middle;
-}
+.listingBar, .pagination,
+#content .listingBar, #content .pagination {
+  ul {
+    @include ul('inline');
+  }
 
-#content div.listingBar a,
-#content div.listingBar span.current,
-div.listingBar a {
-  padding: 0.5em 0.75em;
-  vertical-align: middle;
-}
-#content div.listingBar span.current {
-  @include borderradius();
-  background-color: #e7eff0;
+  .next,
+  .previous {
+    display: none;
+  }
+
+  a, span.current, .current, .active {
+    padding: 0.5em 0.75em;
+    vertical-align: middle;
+  }
+  span.current {
+    @include borderradius();
+    background-color: #e7eff0;
+  }
 }
 
 /* @end */