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 %}
</div>
<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"
href="{{ prev_url }}">
{% trans "Go back" %}
</a>
</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">
{% trans "Continue" %}
</button>

View File

@@ -185,13 +185,13 @@
</div>
{% endif %}
<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"
href="{{ prev_url }}">
{% trans "Go back" %}
</a>
</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">
{% if cart.total > 0 %}
{% trans "Place binding order" %}

View File

@@ -66,13 +66,13 @@
{% endif %}
</div>
<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"
href="{{ prev_url }}">
{% trans "Go back" %}
</a>
</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">
{% trans "Continue" %}
</button>

View File

@@ -141,13 +141,13 @@
{% endfor %}
</div>
<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"
href="{{ prev_url }}">
{% trans "Go back" %}
</a>
</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">
{% trans "Continue" %}
</button>

View File

@@ -58,14 +58,14 @@
{% endif %}
</em>
<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 %}">
{% 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="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"
href="{% eventurl request.event "presale:event.checkout.start" cart_namespace=cart_namespace %}">
{% if has_addon_choices or cart.total == 0 %}