Fix show archived button

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

@@ -355,6 +355,10 @@ ul.messages {
 
   dl {
     margin: 0;
+    dt,
+    dd {
+      margin: 0;
+    }
     .account {
       padding: 0.5rem;
       margin-bottom: 0.5rem;
@@ -366,8 +370,8 @@ ul.messages {
       &.more {
         border-style: dashed;
       }
-      &.more label span::after {
-        content: "\2002";
+      &.more label {
+        display: block;
       }
     }
     &:not(.show-archive) .account.archived {
@@ -428,6 +432,7 @@ a,
 }
 
 .statement-details {
+  overflow-x: auto;
   display: grid;
   grid-template-columns: repeat(4, min-content);
   grid-gap: var(--gap);

nummi/main/templates/main/index.html

@@ -25,7 +25,7 @@
                 {% endfor %}
                 <div class="more account">
                     <dt>
-                        <label for="show-archived-accounts">{{ "archive"|remix }}{% translate "Show archived" %}</label>
+                        <label class="wi" for="show-archived-accounts">{{ "archive"|remix }}{% translate "Show archived" %}</label>
                     </dt>
                     <dd>
                         <input type="checkbox" class="show-archived" id="show-archived-accounts" />