Fix account table display on small devices

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

@@ -114,7 +114,7 @@ main {
     display: grid;
     column-gap: var(--gap);
     row-gap: var(--gap);
-    grid-template-columns: 1fr;
+    grid-template-columns: 100%;
     @media (width > 720px) {
       grid-template-columns: max-content 1fr;
     }

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

@@ -1,6 +1,7 @@
 .table,
 form {
   overflow-x: auto;
+  width: 100%;
 }
 table {
   border-collapse: collapse;

nummi/main/templates/main/index.html

@@ -11,6 +11,7 @@
     <div class="split">
         <section class="accounts">
             <h2>{% translate "Accounts" %}</h2>
+            <div class="table">
                 <table>
                     <thead>
                         <tr>
@@ -45,6 +46,7 @@
                         </tr>
                     </tfoot>
                 </table>
+            </div>
         </section>
         <section class="categories">
             <h2>{% translate "Categories" %}</h2>