From c721dc0eae50a471fcab68e3691b871366f440da Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 22 Nov 2020 13:09:31 +0100
Subject: [PATCH] Improve display

---
 .../templates/exercises/exercise_list.html    | 42 ++++++++++++-------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/exercises/templates/exercises/exercise_list.html b/src/exercises/templates/exercises/exercise_list.html
index d45c0b6..ec5046f 100644
--- a/src/exercises/templates/exercises/exercise_list.html
+++ b/src/exercises/templates/exercises/exercise_list.html
@@ -5,19 +5,31 @@
     Exercices
 {% endblock %}
 {% block content %}
-    <h1>Exercices</h1>
-    <ul class="list-group">
-        {% for exercise in exercises %}
-            <li class="list-group-item d-flex justify-content-between align-items-center">
-                {{ exercise.get_body_regions }}: {{ exercise.name }}
-                {% include "exercises/rating_badge.html" %}
-            </li>
-        {% endfor %}
-    </ul>
-    <hr>
-    <form action="" method="get">
-    <h2>Filtres</h2>
-        {{ form|crispy }}
-    <button class="btn btn-primary" type="submit">Filtrer</button>
-    </form>
+    <div class="row">
+        <div class="col-12">
+            <h1>Exercices</h1>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-7">
+            <ul class="list-group">
+                {% for exercise in exercises %}
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
+                        {{ exercise.get_body_regions }}: {{ exercise.name }}
+                        {% include "exercises/rating_badge.html" %}
+                    </li>
+                {% empty %}
+                    <li class="list-group-item list-group-item-danger">Aucun exercice trouvé</li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="col-lg-4 offset-lg-1">
+            <hr class="d-block d-lg-none">
+            <form action="" method="get">
+                <h2>Filtres</h2>
+                {{ form|crispy }}
+                <button class="btn btn-primary" type="submit">Filtrer</button>
+            </form>
+        </div>
+    </div>
 {% endblock %}