From 8bc7045bba6a3cae2215e79523991275998ae76e Mon Sep 17 00:00:00 2001
From: Richard Schreiber <schreiber@rami.io>
Date: Tue, 30 May 2023 12:07:52 +0200
Subject: [PATCH] add seating-info to panel-title

---
 .../pretixpresale/event/checkout_addons.html      | 15 +++++++++++----
 src/pretix/static/pretixpresale/scss/main.scss    |  5 +++++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pretix/presale/templates/pretixpresale/event/checkout_addons.html b/src/pretix/presale/templates/pretixpresale/event/checkout_addons.html
index 97edc2f553..a6f715a0ce 100644
--- a/src/pretix/presale/templates/pretixpresale/event/checkout_addons.html
+++ b/src/pretix/presale/templates/pretixpresale/event/checkout_addons.html
@@ -17,10 +17,17 @@
                 <details class="panel panel-default" open>
                     <summary class="panel-heading">
                         <h3 class="panel-title">
-                            <span class="sr-only">{% trans "Add-ons:" %}</span>
-                            <strong>{{ form.item.name }}{% if form.variation %}
-                                – {{ form.variation }}
-                            {% endif %}</strong>
+                            <span class="panel-title-parts">
+                                <span class="sr-only">{% trans "Add-ons:" %}</span>
+                                <strong>{{ form.item.name }}{% if form.variation %}
+                                    – {{ form.variation }}
+                                {% endif %}</strong>
+                                {% if form.pos.seat %}
+                                <span>
+                                    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="18" height="14" viewBox="0 0 18 14"><path d="M7.713 3.573c-.787-.124-1.677.472-1.511 1.529l.857 3.473c.116.579.578 1.086 1.317 1.086h3.166v3.504c0 1.108 1.556 1.113 1.556.019V8.682c0-.536-.376-1.116-1.099-1.116L9.52 7.563l-.752-2.936c-.147-.648-.583-.981-1.055-1.055v.001Z"/><path d="M4.48 5.835a.6.6 0 0 0-.674.725l.71 3.441c.287 1.284 1.39 2.114 2.495 2.114h2.273c.807 0 .811-1.215-.01-1.215H7.188c-.753 0-1.375-.45-1.563-1.289l-.672-3.293c-.062-.3-.26-.452-.474-.483ZM7.433.102a1.468 1.468 0 1 0 0 2.937 1.469 1.469 0 1 0 0-2.937Z"/></svg>{{ form.pos.seat }}
+                                </span>
+                                {% endif %}
+                            </span>
                             <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                         </h3>
                     </summary>
diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss
index 078e6e4298..5d9507d204 100644
--- a/src/pretix/static/pretixpresale/scss/main.scss
+++ b/src/pretix/static/pretixpresale/scss/main.scss
@@ -358,6 +358,11 @@ body.loading .container {
     outline: 0;
     text-decoration: none;
 }
+.panel-title-parts {
+    display: flex;
+    flex-wrap: wrap;
+    gap: .5em;
+}
 
 .panel-default .panel-title a[data-toggle="collapse"]:hover {
     background-color: #eeeeee;