From: Jérémy Fabre <Jeremy@iMacdeJeremy2.fritz.box>
Date: Wed, 15 Feb 2017 10:07:48 +0000 (+0100)
Subject: Move the help texts of the form to the right
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=a08ed665c5071abad6309da8833046872e9b0cd8;p=mezzo.git

Move the help texts of the form to the right
---

diff --git a/app/static/src/sass/global/_forms.scss b/app/static/src/sass/global/_forms.scss
index 2de348ab..298c38ca 100644
--- a/app/static/src/sass/global/_forms.scss
+++ b/app/static/src/sass/global/_forms.scss
@@ -29,6 +29,10 @@ $module: ".form";
 
     .form-group {
         @include margin-bottom(.5);
+
+        ul {
+            list-style-type: none;
+        }
     }
 
     input[type="submit"] {
@@ -41,6 +45,7 @@ $module: ".form";
         text-align: left;
         display: block;
         vertical-align: top;
+        float: left;
 
         @include padding(0.25 1 0.25 0);
         @include font-size(s);
@@ -50,12 +55,14 @@ $module: ".form";
         text-transform: uppercase;
 
         @include mq($until: xs) {
-            width: 100%;
-            display: block;
-            text-align: left;
+
         }
     }
 
+    span.help-block {
+        float: right;
+    }
+
     .help-block {
         @include font-size(xs);
 
diff --git a/app/templates/includes/form_fields.html b/app/templates/includes/form_fields.html
index da26ee4c..7e0f1308 100644
--- a/app/templates/includes/form_fields.html
+++ b/app/templates/includes/form_fields.html
@@ -13,16 +13,17 @@
     {% if field.errors %} has-error{% endif %}">
     <p>
     {% if field.label %}<label class="control-label" for="{{ field.auto_id }}">{{ field.label }}</label>{% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
     {{ field }}
     </p>
     {% if field.errors %}
-    <p class="help-block">
-        {% for e in field.errors %}
-        {% if not forloop.first %} / {% endif %}{{ e }}
-        {% endfor %}
-    </p>
-    {% elif field.help_text %}
-    <p class="help-block">{{ field.help_text }}</p>
+        <p class="help-block">
+            {% for e in field.errors %}
+            {% if not forloop.first %} / {% endif %}{{ e }}
+            {% endfor %}
+        </p>
     {% endif %}
 </div>
 {% endif %}