From 33a254ce92f4170cdda7f0a0b13084d24277b113 Mon Sep 17 00:00:00 2001
From: Raphael Michel <mail@raphaelmichel.de>
Date: Mon, 11 Dec 2017 15:25:31 +0100
Subject: [PATCH] Checkout UX: Place "Empty cart" button below "Checkout"
 button on mobile

Thanks to @breunigs for the suggestion
---
 .../presale/templates/pretixpresale/event/index.html     | 9 ++++++++-
 src/pretix/static/pretixpresale/scss/main.scss           | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pretix/presale/templates/pretixpresale/event/index.html b/src/pretix/presale/templates/pretixpresale/event/index.html
index 025e75ffed..f4ff3ead6c 100644
--- a/src/pretix/presale/templates/pretixpresale/event/index.html
+++ b/src/pretix/presale/templates/pretixpresale/event/index.html
@@ -49,7 +49,7 @@
                         {% endif %}
                     </em>
                     <div class="row checkout-button-row">
-                        <div class="col-md-4 col-xs-12">
+                        <div class="col-md-4 col-xs-12 hidden-xs">
                             <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
                                 {% csrf_token %}
                                 <button class="btn btn-block btn-default btn-lg" type="submit">
@@ -67,6 +67,13 @@
                                 {% endif %}
                             </a>
                         </div>
+                        <div class="visible-xs-block col-xs-12">
+                            <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
+                                {% csrf_token %}
+                                <button class="btn btn-block btn-default btn-lg" type="submit">
+                                    <i class="fa fa-close"></i> {% trans "Empty cart" %}</button>
+                            </form>
+                        </div>
                         <div class="clearfix"></div>
                     </div>
                 </div>
diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss
index d58213c9f3..8a4401daa4 100644
--- a/src/pretix/static/pretixpresale/scss/main.scss
+++ b/src/pretix/static/pretixpresale/scss/main.scss
@@ -172,6 +172,9 @@ body.loading .container {
     .checkout-button-row > div {
         margin-bottom: 15px;
     }
+    .checkout-button-row > div.clearfix {
+        margin: 0;
+    }
 }
 
 .dl-horizontal dt  {