Meilleur formatage du formulaire avec des tableaux

2 files changed, 16 insertions, 2 deletions

diff --git a/static/celcatsanitizer/style.css b/static/celcatsanitizer/style.css
index 825d140..b9d5dd9 100644
--- a/static/celcatsanitizer/style.css
+++ b/static/celcatsanitizer/style.css
@@ -36,6 +36,12 @@ li.course {
     margin-bottom: 20px;
 }
 
+th {
+    text-align: right;
+    font-weight: normal;
+    vertical-align: top;
+}
+
 @media print {
     body, .content {
         max-width: none;
diff --git a/templates/form_qsjps.html b/templates/form_qsjps.html
index 2d97a89..3a9bcf8 100644
--- a/templates/form_qsjps.html
+++ b/templates/form_qsjps.html
@@ -3,8 +3,16 @@
 {% block title %}QSJPS – {% endblock %}
 
 {% block body %}
+      <h3>Trouver une salle</h3>
       <form action="{% url "qsjps" %}" method="post">
-	{{ form }}
-	<input type="submit" value="Trouver une salle" />
+        <table>
+          {% 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>
+            </tr>
+          {% endfor %}
+          <tr><th></th><td><input type="submit" value="Trouver une salle" /></td></tr>
+        </table>
       </form>
 {% endblock %}