WIP styling

styles/components/_audit_log.scss

@@ -20,3 +20,15 @@
     margin-bottom: $gap;
   }
 }
+
+.pagination {
+  width: 800px;
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+  margin: auto;
+}
+
+.page {
+  margin: auto;
+}

templates/audit_log.html

@@ -40,13 +40,18 @@
 
   </section>
 
-  {% for i in range(1, audit_events.pages + 1) %}
-    {% if i == audit_events.page %}
+  {% set page_route = 'atst.activity_history' %}
+  {% set pagination = audit_events %}
+
+  <div class="pagination">
+    {% for i in range(1, pagination.pages + 1) %}
+      <span class="page">
+        {% if i == pagination.page %}
           {{ i }}
         {% else %}
-      <a href="{{ url_for('atst.activity_history', page=i) }}">{{ i }}</a>
+          <a href="{{ url_for(page_route, page=i) }}">{{ i }}</a>
         {% endif %}
+      </span>
     {% endfor %}
-
-
+  </div>
 {% endblock %}