Enhance invoice display with improved CSS styling and update invoice links

Fix #47

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) {

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>