Make table responsive.

This commit is contained in:
Gabriel Augendre 2018-06-02 16:58:29 +02:00
parent 0d89adddcd
commit 975775b05f

View file

@ -27,6 +27,7 @@
Liste des livres demandés Liste des livres demandés
<a href="{% url 'add_book' pk=teacher.pk %}" class="btn btn-primary">Ajouter un livre</a> <a href="{% url 'add_book' pk=teacher.pk %}" class="btn btn-primary">Ajouter un livre</a>
</h2> </h2>
<div class="table-responsive">
<table class="table table-hover table-sm"> <table class="table table-hover table-sm">
<thead> <thead>
<tr> <tr>
@ -48,7 +49,8 @@
<tr> <tr>
<th scope="row"> <th scope="row">
<a title="Modifier" <a title="Modifier"
href="{% url 'edit_book' teacher_pk=book.teacher.pk pk=book.pk %}"><i class="fas fa-edit"></i></a> href="{% url 'edit_book' teacher_pk=book.teacher.pk pk=book.pk %}"><i
class="fas fa-edit"></i></a>
</th> </th>
<td>{{ book.level }}</td> <td>{{ book.level }}</td>
<td>{{ book.field }}</td> <td>{{ book.field }}</td>
@ -69,12 +71,14 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2> <h2>
Liste des fournitures demandées Liste des fournitures demandées
<a href="{% url 'add_supplies' pk=teacher.pk %}" class="btn btn-primary">Ajouter des fournitures</a> <a href="{% url 'add_supplies' pk=teacher.pk %}" class="btn btn-primary">Ajouter des fournitures</a>
</h2> </h2>
<div class="table-responsive">
<table class="table table-hover table-sm"> <table class="table table-hover table-sm">
<thead> <thead>
<tr> <tr>
@ -89,7 +93,8 @@
<tr> <tr>
<th scope="row"> <th scope="row">
<a title="Modifier" <a title="Modifier"
href="{% url 'edit_supplies' teacher_pk=supply.teacher.pk pk=supply.pk %}"><i class="fas fa-edit"></i></a> href="{% url 'edit_supplies' teacher_pk=supply.teacher.pk pk=supply.pk %}"><i
class="fas fa-edit"></i></a>
</th> </th>
<td>{{ supply.level }}</td> <td>{{ supply.level }}</td>
<td>{{ supply.fields }}</td> <td>{{ supply.fields }}</td>
@ -100,4 +105,5 @@
</table> </table>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}