Ajusta design da paginação

static/styles/app.scss

@@ -109,3 +109,8 @@ body {
     padding-top: 25px;
   }
 }
+
+// #### pagination ########################################
+.pagination {
+  padding-top: 25px;
+}

templates/paginacao.html

@@ -1,37 +1,37 @@
 {% if is_paginated %}
-    <div class="text-center">
+<nav class="text-center">
-        <ul class="pagination">
+  <ul class="pagination">
-            {% if page_obj.has_previous %}
+    {% if page_obj.has_previous %}
-                <li class="page-item">
+    <li class="page-item">
-                    <a class="page-link" href="?page={{ page_obj.previous_page_number }}">
+      <a class="page-link" href="?page={{ page_obj.previous_page_number }}">
-                        <span class="pager-prev">Anterior</span>
+        <span class="pager-prev">Anterior</span>
-                    </a>
+      </a>
-                </li>
+    </li>
-            {% else %}
+    {% else %}
-                <li class="pager-prev disabled"><a href="">Anterior</a></li>
+    <li class="pager-prev disabled"><a href="">Anterior</a></li>
-            {% endif %}
+    {% endif %}
 
-            {% for page in page_range %}
+    {% for page in page_range %}
-                {% if page == None or page == 'None' %} 
+    {% if page == None or page == 'None' %}
-                    <li class="page-item disabled">
+    <li class="page-item disabled">
-                        <a class="page-link" href="">...</a>
+      <a class="page-link" href="">...</a>
-                    </li>
+    </li>
-                {% else %}
+    {% else %}
-                    <li {% if page == page_obj.number %} class="page-item active" {% endif %}>
+    <li {% if page == page_obj.number %} class="page-item active" {% endif %}>
-                        <a class="page-link" href="?page={{ page }}">{{ page }}</a>
+      <a class="page-link" href="?page={{ page }}">{{ page }}</a>
-                    </li> 
+    </li>
-                {% endif %}
+    {% endif %}
-            {% endfor %}
+    {% endfor %}
 
-            {% if page_obj.has_next %}
+    {% if page_obj.has_next %}
-                <li class="page-item">
+    <li class="page-item">
-                    <a class="page-link" href="?page={{ page_obj.next_page_number }}">
+      <a class="page-link" href="?page={{ page_obj.next_page_number }}">
-                        <span class="pager-next">Próxima</span>
+        <span class="pager-next">Próxima</span>
-                    </a>
+      </a>
-                </li>
+    </li>
-            {% else %}
+    {% else %}
-                <li class="pager-next disabled"><a href="">Próxima</a></li>
+    <li class="pager-next disabled"><a href="">Próxima</a></li>
-            {% endif %}
+    {% endif %}
-        </ul>
+  </ul>
-    </div>
+</nav>
 {% endif %}