From 4974c3039765520b6cc9c8134f089999614122a6 Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Sun, 5 Jan 2025 18:51:59 +0100
Subject: [PATCH] Enhance invoice display with improved CSS styling and update
 invoice links Fix #47

---
 nummi/main/static/main/css/main.css                        | 7 +++++++
 nummi/transaction/templates/transaction/invoice_table.html | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index 43baf37..0c78364 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -387,6 +387,9 @@ ul.invoices {
     > * {
       &.title {
         font-weight: 650;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
 
@@ -423,6 +426,10 @@ ul.statements {
   }
 }
 
+ul.invoices {
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+}
+
 .statement-details {
   display: grid;
   @media (width > 720px) {
diff --git a/nummi/transaction/templates/transaction/invoice_table.html b/nummi/transaction/templates/transaction/invoice_table.html
index 07cd9c1..cf5984a 100644
--- a/nummi/transaction/templates/transaction/invoice_table.html
+++ b/nummi/transaction/templates/transaction/invoice_table.html
@@ -3,7 +3,11 @@
   <ul class="invoices">
     {% for invoice in invoices %}
       <li>
-        {% if not transaction %}<span>{{ invoice.transaction.name }}</span>{% endif %}
+        {% if not transaction %}
+          <a class="transaction" href="{{ invoice.transaction.get_absolute_url }}">
+            {{ "receipt"|remix }}{{ invoice.transaction.name }}
+          </a>
+        {% endif %}
         <a class="title" href="{{ invoice.file.url }}">{{ "file"|remix }}{{ invoice.name }} [{{ invoice.file|extension }}]</a>
         {% if transaction %}
           <a href="{{ invoice.get_absolute_url }}">{{ "file-edit"|remix }}{% translate "Edit" %}</a>