From cb08cb3d460d3754d620dab3eb2ae013af1a1ed4 Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Tue, 31 Dec 2024 15:41:02 +0100
Subject: [PATCH] Improve account list

---
 nummi/main/static/main/css/main.css  |  7 +++++++
 nummi/main/templates/main/index.html | 20 ++++++++++++++------
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index 33a6c0c..56f6e2a 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -347,6 +347,13 @@ ul.messages {
 
       display: grid;
       grid-template-columns: 1fr min-content;
+      &.new,
+      &.more {
+        border-style: dashed;
+      }
+      &.more label span::after {
+        content: "\2002";
+      }
     }
     &:not(.show-archive) .account.archived {
       display: none;
diff --git a/nummi/main/templates/main/index.html b/nummi/main/templates/main/index.html
index 484c51a..011e2ef 100644
--- a/nummi/main/templates/main/index.html
+++ b/nummi/main/templates/main/index.html
@@ -16,19 +16,27 @@
                 {% for acc in accounts %}
                     <div class="account {% if acc.archived %}archived{% endif %}">
                         <dt>
-                            {{ acc.icon|remix }} <a href="{{ acc.get_absolute_url }}">{{ acc }}</a>
+                            <a href="{{ acc.get_absolute_url }}">{{ acc.icon|remix }}{{ acc }}</a>
                         </dt>
                         <dd>
                             {% if acc.statement_set.first %}{{ acc.statement_set.first.value|value }}{% endif %}
                         </dd>
                     </div>
                 {% endfor %}
+                <div class="more account">
+                    <dt>
+                        <label for="show-archived-accounts">{{ "archive"|remix }}{% translate "Show archived" %}</label>
+                    </dt>
+                    <dd>
+                        <input type="checkbox" class="show-archived" id="show-archived-accounts" />
+                    </dd>
+                </div>
+                <div class="new account">
+                    <dt>
+                        <a href="{% url "new_account" %}">{{ "add-box"|remix }}{% translate "Create account" %}</a>
+                    </dt>
+                </div>
             </dl>
-            <div>
-                <input type="checkbox" class="show-archived" id="show-archived-accounts" />
-                <label for="show-archived-accounts">{% translate "Show archived" %}</label>
-            </div>
-            <a href="{% url "new_account" %}">{% translate "Create account" %}</a>
         </section>
         <section class="statements">
             <h2>{% translate "Statements" %}</h2>