Improve responsive design on "small" breakpoint

This commit is contained in:
Raphael Michel
2020-10-31 16:22:26 +01:00
parent ecd914f44d
commit 32c08d431f
5 changed files with 10 additions and 10 deletions

View File

@@ -331,13 +331,13 @@
{% endfor %} {% endfor %}
</div> </div>
<div class="row checkout-button-row"> <div class="row checkout-button-row">
<div class="col-md-4"> <div class="col-md-4 col-sm-6">
<a class="btn btn-block btn-default btn-lg" <a class="btn btn-block btn-default btn-lg"
href="{{ prev_url }}"> href="{{ prev_url }}">
{% trans "Go back" %} {% trans "Go back" %}
</a> </a>
</div> </div>
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4 col-sm-6">
<button class="btn btn-block btn-primary btn-lg" type="submit"> <button class="btn btn-block btn-primary btn-lg" type="submit">
{% trans "Continue" %} {% trans "Continue" %}
</button> </button>

View File

@@ -185,13 +185,13 @@
</div> </div>
{% endif %} {% endif %}
<div class="row checkout-button-row clearfix"> <div class="row checkout-button-row clearfix">
<div class="col-md-4"> <div class="col-md-4 col-sm-6">
<a class="btn btn-block btn-default btn-lg" <a class="btn btn-block btn-default btn-lg"
href="{{ prev_url }}"> href="{{ prev_url }}">
{% trans "Go back" %} {% trans "Go back" %}
</a> </a>
</div> </div>
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4 col-sm-6">
<button class="btn btn-block btn-primary btn-lg" type="submit"> <button class="btn btn-block btn-primary btn-lg" type="submit">
{% if cart.total > 0 %} {% if cart.total > 0 %}
{% trans "Place binding order" %} {% trans "Place binding order" %}

View File

@@ -66,13 +66,13 @@
{% endif %} {% endif %}
</div> </div>
<div class="row checkout-button-row"> <div class="row checkout-button-row">
<div class="col-md-4"> <div class="col-md-4 col-sm-6">
<a class="btn btn-block btn-default btn-lg" <a class="btn btn-block btn-default btn-lg"
href="{{ prev_url }}"> href="{{ prev_url }}">
{% trans "Go back" %} {% trans "Go back" %}
</a> </a>
</div> </div>
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4 col-sm-6">
<button class="btn btn-block btn-primary btn-lg" type="submit"> <button class="btn btn-block btn-primary btn-lg" type="submit">
{% trans "Continue" %} {% trans "Continue" %}
</button> </button>

View File

@@ -141,13 +141,13 @@
{% endfor %} {% endfor %}
</div> </div>
<div class="row checkout-button-row"> <div class="row checkout-button-row">
<div class="col-md-4"> <div class="col-md-4 col-sm-6">
<a class="btn btn-block btn-default btn-lg" <a class="btn btn-block btn-default btn-lg"
href="{{ prev_url }}"> href="{{ prev_url }}">
{% trans "Go back" %} {% trans "Go back" %}
</a> </a>
</div> </div>
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4 col-sm-6">
<button class="btn btn-block btn-primary btn-lg" type="submit"> <button class="btn btn-block btn-primary btn-lg" type="submit">
{% trans "Continue" %} {% trans "Continue" %}
</button> </button>

View File

@@ -58,14 +58,14 @@
{% endif %} {% endif %}
</em> </em>
<div class="row checkout-button-row"> <div class="row checkout-button-row">
<div class="col-md-4 col-xs-12 hidden-xs"> <div class="col-md-4 col-sm-6 col-xs-12 hidden-xs">
<form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}"> <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
{% csrf_token %} {% csrf_token %}
<button class="btn btn-block btn-default btn-lg" type="submit"> <button class="btn btn-block btn-default btn-lg" type="submit">
<i class="fa fa-close"></i> {% trans "Empty cart" %}</button> <i class="fa fa-close"></i> {% trans "Empty cart" %}</button>
</form> </form>
</div> </div>
<div class="col-md-4 col-md-offset-4 col-xs-12"> <div class="col-md-4 col-sm-6 col-md-offset-4 col-xs-12">
<a class="btn btn-block btn-primary btn-lg" <a class="btn btn-block btn-primary btn-lg"
href="{% eventurl request.event "presale:event.checkout.start" cart_namespace=cart_namespace %}"> href="{% eventurl request.event "presale:event.checkout.start" cart_namespace=cart_namespace %}">
{% if has_addon_choices or cart.total == 0 %} {% if has_addon_choices or cart.total == 0 %}