From 715ea8d61f2a83e6976a692b0485bcee19a3fc77 Mon Sep 17 00:00:00 2001
From: allan_dg <amogusu@developmentgateway.org>
Date: Wed, 2 Apr 2025 16:29:49 +0300
Subject: [PATCH] fix(TCDIZM-309): missing styles in admin pager navigation

- adds missing styles in admin pager navigation consequent to upgrading
  to the bootstrap v5
---
 forms/pom.xml                                 |  4 +-
 .../forms/wicket/styles/BaseStyles.css        | 62 ++++++++++++++++++-
 2 files changed, 63 insertions(+), 3 deletions(-)

diff --git a/forms/pom.xml b/forms/pom.xml
index 658d6902..0b7e7b11 100644
--- a/forms/pom.xml
+++ b/forms/pom.xml
@@ -373,9 +373,9 @@
                 </includes>
             </resource>
         </resources>
-        
+
         <sourceDirectory>src/main/java</sourceDirectory>
-        
+
         <plugins>
 
 <!--            <plugin>-->
diff --git a/forms/src/main/java/org/devgateway/toolkit/forms/wicket/styles/BaseStyles.css b/forms/src/main/java/org/devgateway/toolkit/forms/wicket/styles/BaseStyles.css
index 941ec7be..07287176 100644
--- a/forms/src/main/java/org/devgateway/toolkit/forms/wicket/styles/BaseStyles.css
+++ b/forms/src/main/java/org/devgateway/toolkit/forms/wicket/styles/BaseStyles.css
@@ -352,6 +352,8 @@ button .btn-home-label {
     min-height: 58px;
 }
 
+
+
 .pull-down {
     position: absolute;
     bottom: 0;
@@ -423,4 +425,62 @@ button .btn-home-label {
         padding-left: 2em;
         padding-right: 2em;
     }
-}
\ No newline at end of file
+}
+
+ul.pagination {
+    display: inline-flex;
+    list-style: none;
+    border-radius: 4px;
+    overflow: hidden;
+    padding: 6px 12px;
+}
+
+ul.pagination li {
+    display: inline;
+}
+
+ul.pagination li a {
+    display: inline-block;
+    padding: 6px 12px;
+    margin-left: -1px;
+    line-height: 1.42857143;
+    color: #337ab7;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    text-decoration: none;
+    min-width: 36px;
+    text-align: center;
+}
+
+ul.pagination li a.first {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+ul.pagination li a.last {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+ul.pagination li a:hover {
+    background-color: #eee;
+    text-decoration: none;
+}
+
+ul.pagination li.active a,
+ul.pagination li a.active {
+    background-color: #337ab7;
+    color: white;
+    border-color: #337ab7;
+    cursor: default;
+}
+
+ul.pagination li.disabled a,
+ul.pagination li a.disabled {
+    color: #ccc;
+    pointer-events: none;
+    background-color: #f9f9f9;
+    border-color: #ddd;
+}
+
+ul.pagination.l-float {
+    float: right;
+}