Fix spacing with pagination

nummi/main/static/main/css/main.css

@@ -150,6 +150,7 @@ footer {
 .pagination {
   text-align: center;
   font-feature-settings: var(--num);
+
   a {
     min-width: 1rem;
     padding: 0 0.5rem;
@@ -168,7 +169,7 @@ footer {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     width: max-content;
-    margin: auto;
+    margin: 0.5rem auto;
 
     .prev {
       grid-column: 1;
@@ -180,6 +181,10 @@ footer {
       grid-column: 3;
     }
   }
+
+  & + section :first-child {
+    margin-top: 0;
+  }
 }
 
 @media (width < 1024px) {

nummi/transaction/templates/transaction/transaction_archive_month.html

@@ -6,10 +6,12 @@
 {% endblock %}
 {% block h2 %}{{ month|date:"F Y"|capfirst }}{% endblock %}
 {% block table %}
-    <h3>{% translate "Transactions" %}</h3>
-    {{ block.super }}
     {% if not category %}
         <h3>{% translate "Categories" %}</h3>
         {% category_plot transactions month=month %}
     {% endif %}
+    <section>
+        <h3>{% translate "Transactions" %}</h3>
+        {{ block.super }}
+    </section>
 {% endblock %}

nummi/transaction/templates/transaction/transaction_archive_year.html

@@ -9,14 +9,14 @@
 {% block table %}
     {% if history %}
         <section>
-            <h3>
-                {% translate "History" %}
-            </h2>
+            <h3>{% translate "History" %}</h3>
             {% include "history/plot.html" %}
         </section>
     {% endif %}
     {% if not category %}
-        <h3>{% translate "Categories" %}</h3>
-        {% category_plot transactions year=year %}
+        <section>
+            <h3>{% translate "Categories" %}</h3>
+            {% category_plot transactions year=year %}
+        </section>
     {% endif %}
 {% endblock %}