Fix page layout

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

@@ -94,27 +94,21 @@ main {
   grid-column: 2;
   grid-row: 1;
   overflow-x: hidden;
-
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  grid-gap: var(--gap);
-
   h2.new {
     opacity: 0.8;
   }
 
-  & > * {
+  .split {
-    grid-column: 1 / -1;
+    display: grid;
+    column-gap: var(--gap);
+    row-gap: var(--gap);
+    grid-template-columns: 1fr;
+    @media (width > 720px) {
+      grid-template-columns: max-content 1fr;
     }
 
-  @media (width > 720px) {
+    & > section > :first-child {
-    & > section {
+      margin-top: 0;
-      &.accounts {
-        grid-column: 1;
-      }
-      &.categories {
-        grid-column: 2;
-      }
     }
   }
 }
@@ -159,7 +153,7 @@ nav {
   }
 }
 :is(nav, main) > :first-child,
-main > section > :first-child {
+main > section:first-child > :first-child {
   margin-top: 0;
 }
 footer {
@@ -231,7 +225,7 @@ h1,
 h2,
 h3 {
   font-weight: 300;
-  margin-top: var(--gap);
+  margin-top: 1em;
   margin-bottom: 0.5em;
   line-height: 1cap;
 }

nummi/main/templates/main/index.html

@@ -8,6 +8,7 @@
     {% css "main/css/plot.css" %}
 {% endblock %}
 {% block body %}
+    <div class="split">
         <section class="accounts">
             <h2>{% translate "Accounts" %}</h2>
             <table>
@@ -55,6 +56,7 @@
                 {% endspaceless %}
             </section>
         {% endif %}
+    </div>
     {% if history %}
         <section>
             <h2>{% translate "History" %}</h2>

nummi/main/templates/main/list.html

@@ -19,8 +19,6 @@
     <h2>
         {% block h2 %}{% endblock %}
     </h2>
-    <div class="backlinks">
-        {% block backlinks %}
     {% if account %}
         <p>
             <a class="big-link" href="{{ account.get_absolute_url }}">{{ account.icon|remix }}{{ account }}</a>
@@ -36,8 +34,6 @@
             <a href="{% url "search" %}">{% translate "Search" %}</a>
         </p>
     {% endif %}
-        {% endblock %}
-    </div>
     {% include "main/pagination.html" %}
     {% block table %}{% endblock %}
     {% include "main/pagination.html" %}