Html enhancements

* adds some bootstrap enhancements for responsiveness
This commit is contained in:
mipel
2021-07-21 13:27:35 +02:00
parent 5b49222b74
commit 4ef6c32ea2
4 changed files with 44 additions and 32 deletions

View File

@@ -11,11 +11,13 @@
{% trans 'Intervention' %}
</h4>
<div class="row">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'pencil-ruler' %}
<a href="{% url 'intervention:index' %}">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'pencil-ruler' %}
</div>
</div>
</div>
</a>
<div class="col-sm">
<div class="col-md mb-2">
<div>{% trans 'Total' %}</div>
@@ -47,11 +49,13 @@
{% trans 'Compensation' %}
</h4>
<div class="row">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'leaf' %}
<a href="{% url 'compensation:index' %}">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'leaf' %}
</div>
</div>
</div>
</a>
<div class="col-sm">
<div class="col-md mb-2">
<div>{% trans 'Total' %}</div>
@@ -84,11 +88,13 @@
{% trans 'Eco-account' %}
</h4>
<div class="row">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'tree' %}
<a href="{% url 'home' %}">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'tree' %}
</div>
</div>
</div>
</a>
<div class="col-sm">
<div class="col-md mb-2">
<div>{% trans 'Total' %}</div>
@@ -101,7 +107,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm-12 col-lg">
<div class="col-sm">
<div class="row my-1">
<a href="{% url 'home' %}">
@@ -117,7 +123,7 @@
</div>
</div>
<div class="col-sm">
<div class="col-sm-12 col-lg">
<div class="col-sm">
<div class="row my-1">
<a href="{% url 'home' %}">