From 7a4bdfda6df3ca46f4805c145a42793cacc0809f Mon Sep 17 00:00:00 2001
From: Alban Gruin
Date: Fri, 19 Jan 2018 18:02:22 +0100
Subject: Meilleur rendu du formulaire sur appareils mobiles

---
 static/celcatsanitizer/style.css |  7 +++++++
 templates/qsjps.html             | 10 +++++-----
 templates/qsjps_form.html        |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/static/celcatsanitizer/style.css b/static/celcatsanitizer/style.css
index b9d5dd9..5d05f9e 100644
--- a/static/celcatsanitizer/style.css
+++ b/static/celcatsanitizer/style.css
@@ -42,6 +42,13 @@ th {
     vertical-align: top;
 }
 
+@media screen and (max-width: 439px) {
+    th, td {
+        display: block;
+        text-align: left;
+    }
+}
+
 @media print {
     body, .content {
         max-width: none;
diff --git a/templates/qsjps.html b/templates/qsjps.html
index 73290de..bb07b60 100644
--- a/templates/qsjps.html
+++ b/templates/qsjps.html
@@ -5,10 +5,10 @@
 {% block body %}
       <h3>Trouver une salle entre {{ form.begin.value }} et {{ form.end.value }}</h3>
       <ul>
-	{% for room in rooms %}
-	  <li>{{ room }}</li>
-	{% empty %}
-	  <p>Aucune salle trouvée</p>
-	{% endfor %}
+	  {% for room in rooms %}
+	    <li>{{ room }}</li>
+	  {% empty %}
+	    <p>Aucune salle trouvée</p>
+	  {% endfor %}
       </ul>
 {% endblock %}
diff --git a/templates/qsjps_form.html b/templates/qsjps_form.html
index bc5e363..b68143f 100644
--- a/templates/qsjps_form.html
+++ b/templates/qsjps_form.html
@@ -9,7 +9,7 @@
           {% for field in form.visible_fields %}
             <tr>
               <th>{{ field.label_tag }}</th>
-              <td>{{ field }}{% if field.errors %}<br /><span>{{ field.errors|join:" " }}</span>{% endif %}</td>
+              <td>{{ field }}{% if field.errors %}<br /><small>{{ field.errors|join:" " }}</small>{% endif %}</td>
             </tr>
           {% endfor %}
           <tr><th></th><td><input type="submit" value="Trouver une salle" /></td></tr>
-- 
cgit v1.2.1