From 87d54ae068ca5ed3edced1044e18f3830c82e23b Mon Sep 17 00:00:00 2001
From: Richard Schreiber <schreiber@rami.io>
Date: Thu, 21 Nov 2024 11:22:39 +0100
Subject: [PATCH] improve addresses

---
 .../organizers/customer_addresses.html        | 21 ++++++++++++-------
 .../static/pretixpresale/scss/main.scss       |  5 +++++
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/pretix/presale/templates/pretixpresale/organizers/customer_addresses.html b/src/pretix/presale/templates/pretixpresale/organizers/customer_addresses.html
index 0376d8555f..b85e2cc844 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/customer_addresses.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/customer_addresses.html
@@ -14,19 +14,26 @@
         </div>
         <div class="panel-body">
             {% if invoice_addresses %}
-                <ol class="full-width-list alternating-rows">
-                    {% for ia in invoice_addresses %}
+                <ul class="full-width-list alternating-rows account-addresses">
                     <li class="row">
-                        {{ ia.describe|linebreaksbr }}
-
+                    {% for ia in invoice_addresses %}
+                        {% if forloop.counter0 and forloop.counter0|divisibleby:4 %}
+                            </li>
+                            <li class="row">
+                        {% endif %}
+                        <div class="col-md-3 col-xs-12">
+                            <address>{{ ia.describe|linebreaksbr }}</address>
+                            <p class="blank-after">
                                 <a href="{% abseventurl request.organizer "presale:organizer.customer.address.delete" id=ia.id %}"
-                                   class="btn btn-danger">
+                                   class="btn btn-danger btn-sm">
                                     <span class="fa fa-trash" aria-hidden="true"></span>
                                     {% trans "Delete" %}
                                 </a>
-                    </li>
+                            </p>
+                        </div>
                     {% endfor %}
-                </ol>
+                    </li>
+                </ul>
             {% else %}
                 <p class="text-center">{% trans "You don’t have any addresses in your account yet." %}</p>
             {% endif %}
diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss
index 52afd00ba1..0996ad9886 100644
--- a/src/pretix/static/pretixpresale/scss/main.scss
+++ b/src/pretix/static/pretixpresale/scss/main.scss
@@ -586,6 +586,11 @@ h2 .label {
 }
 
 
+.account-addresses address::first-line {
+    font-weight: bold;
+}
+
+
 @import "_iframe.scss";
 @import "_a11y.scss";
 @import "_print.scss";