Fix display for equipment buttons on small screens

This commit is contained in:
Gabriel Augendre 2018-03-12 23:34:50 +01:00
parent 93661a7098
commit f3e8dd578d

View file

@ -6,7 +6,7 @@
{% block quick_actions %}
<div class="row">
<div class="col-12">
<div class="col-12 d-none d-md-block">
{% if session %}
<a href="{% url 'session-detail' session %}"
class="btn btn-secondary">Retour à la séance</a>
@ -23,6 +23,23 @@
class="btn btn-primary">Commencer une série</a>
{% endif %}
</div>
<div class="col-12 d-md-none"> {# Visible only on small screens #}
{% if session %}
<a href="{% url 'session-detail' session %}"
class="btn btn-secondary btn-block">Retour à la séance</a>
{% else %}
<a href="{% url 'room-detail' equipment.room.pk %}"
class="btn btn-secondary btn-block">Retourner à la salle</a>
{% endif %}
<a href="{% url 'setting-create' %}?equipment={{ equipment.pk }}"
class="btn btn-success btn-block">Ajouter un réglage</a>
<a href="{% url 'theoretical-max-create' %}?equipment={{ equipment.pk }}"
class="btn btn-success btn-block">Ajouter un max théorique</a>
{% if session %}
<a href="{% url 'round-create' %}?equipment={{ equipment.pk }}"
class="btn btn-primary btn-block">Commencer une série</a>
{% endif %}
</div>
</div>
{% endblock %}