From 60a52686ab3497e3ed7c76183a2649718b041b73 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Mon, 16 May 2022 20:42:44 -0700
Subject: Pagination Appearance

---
 sass/include/_nav.scss       | 1 +
 templates/macros/macros.html | 6 ++----
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index c203ed4..dbde885 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -33,6 +33,7 @@ nav > div {
 }
 nav {
   align-items: center;
+  justify-content: center;//center pagination horizontally
   display: flex;
   div h2 {
     font-size: 1rem;
diff --git a/templates/macros/macros.html b/templates/macros/macros.html
index a639a73..454854a 100644
--- a/templates/macros/macros.html
+++ b/templates/macros/macros.html
@@ -24,9 +24,8 @@
 {%- macro pagination(paginator)%}
   {%- if paginator.number_pagers > 1 %}
       <nav>
-        <div>{%- if paginator.previous %}<a href="{{ paginator.previous | safe }}">&#60; Previous</a> {% endif %} </div>
-        <div>
           <ul>
+            {%- if paginator.previous %}<li><a href="{{ paginator.previous | safe }}">&#60; Previous</a></li>{% endif %}
             {%- for i in range(start=1, end=paginator.number_pagers+1) %}
             <li>
               {%- if i == paginator.current_index %}
@@ -38,9 +37,8 @@
               {%- endif %}
             </li>
             {%- endfor %}
+            {%- if paginator.next %}<li><a href="{{ paginator.next | safe }}">Next &#62;</a></li>{% endif %}
           </ul>
-        </div>
-        <div>{%- if paginator.next %}<a href="{{ paginator.next | safe }}">Next &#62;</a>{% endif %} </div>
       </nav>
   {%- endif %}
 {%- endmacro %}
-- 
cgit v1.3.1