From 3192694fba249becf615808240a0376a7ca270ca Mon Sep 17 00:00:00 2001
From: Elijah <elijahshellsanchez@outlook.com>
Date: Fri, 24 Nov 2023 12:19:27 +0100
Subject: [PATCH] Stylized paginator buttons

---
 idhub/templates/idhub/custom_table.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/idhub/templates/idhub/custom_table.html b/idhub/templates/idhub/custom_table.html
index 2153191..808de83 100644
--- a/idhub/templates/idhub/custom_table.html
+++ b/idhub/templates/idhub/custom_table.html
@@ -61,8 +61,8 @@
             {% if table.page.has_previous %}
                 {% block pagination.previous %}
                     <li class="previous">
-                        <a href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}">
-                            {% trans 'previous' %}
+                        <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}">
+                            {% trans 'Previous' %}
                         </a>
                     </li>
                 {% endblock pagination.previous %}
@@ -72,9 +72,9 @@
                 {% for p in table.page|table_page_range:table.paginator %}
                     <li {% if p == table.page.number %}class="active"{% endif %}>
                         {% if p == '...' %}
-                            <a href="#">{{ p }}</a>
+                            <a type="button" class="btn btn-grey border border-dark" href="#">{{ p }}</a>
                         {% else %}
-                            <a href="{% querystring table.prefixed_page_field=p %}">
+                            <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=p %}">
                                 {{ p }}
                             </a>
                         {% endif %}
@@ -85,8 +85,8 @@
             {% if table.page.has_next %}
                 {% block pagination.next %}
                     <li class="next">
-                        <a href="{% querystring table.prefixed_page_field=table.page.next_page_number %}">
-                            {% trans 'next' %}
+                        <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=table.page.next_page_number %}">
+                            {% trans 'Next' %}
                         </a>
                     </li>
                 {% endblock pagination.next %}