From f502814d828ce6b1259bbda24303c768158a9eb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Delobelle?= <aurelien.delobelle@ens.fr>
Date: Sat, 3 Sep 2016 16:03:36 +0200
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20form=20account=5Fcreate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 kfet/static/kfet/css/index.css               |  9 +++-
 kfet/templates/kfet/account_create.html      | 18 +++++---
 kfet/templates/kfet/account_create_form.html | 43 ++++++++++++++++++--
 3 files changed, 58 insertions(+), 12 deletions(-)

diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index c7f44821..7bdab03b 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -224,15 +224,20 @@ textarea {
     text-decoration:underline;
 }
 
+#search_autocomplete {
+    margin-bottom:15px;
+}
+
 #search_results {
-    top:0 !important;
+    top:-15px !important;
     left:0 !important;
+    z-index:100;
 }
 
 #search_results ul {
     list-style-type:none;
     padding:0;
-    background:rgba(255,255,255,0.8);
+    background:rgba(255,255,255,0.9);
 }
 
 #search_results ul li.user_category {
diff --git a/kfet/templates/kfet/account_create.html b/kfet/templates/kfet/account_create.html
index f875ae4a..dccc210e 100644
--- a/kfet/templates/kfet/account_create.html
+++ b/kfet/templates/kfet/account_create.html
@@ -27,13 +27,19 @@
         <div style="position:relative;">
           <div id="search_results"></div>
         </div>
-        <div id="form-placeholder">
-          {% include 'kfet/account_create_form.html' %}
+        <div class="form-horizontal">
+          <div id="form-placeholder">
+            {% include 'kfet/account_create_form.html' %}
+          </div>
+          {% if not perms.kfet.add_account %}
+            <div class="form-group">
+              <label for="password" class="col-sm-2 control-label">Authentification</label>
+              <div class="col-sm-10">
+                <input type="password" name="KFETPASSWORD" id="password" class="form-control">
+              </div>
+            </div>
+          {% endif %}
         </div>
-        {% if not perms.kfet.add_account %}
-          Authentification:
-          <input type="password" name="KFETPASSWORD">
-        {% endif %}
       </form>
     </div>
   </div>
diff --git a/kfet/templates/kfet/account_create_form.html b/kfet/templates/kfet/account_create_form.html
index dae70678..26e4175b 100644
--- a/kfet/templates/kfet/account_create_form.html
+++ b/kfet/templates/kfet/account_create_form.html
@@ -1,4 +1,39 @@
-{{ user_form.as_p }}
-{{ cof_form.as_p }}
-{{ account_form.as_p }}
-<input type="submit" value="Enregistrer">
+{% load widget_tweaks %}
+
+{% for field in user_form %}
+  <div class="form-group">
+    <label for="{{ field.id_for_label }}" class="col-sm-2 control-label">{{ field.label }}</label>
+    <div class="col-sm-10">
+      {{ field|add_class:'form-control' }}
+      <span class="help-block">{{ field.errors }}</span>
+    </div>
+  </div>
+{% endfor %}
+
+{% for field in cof_form %}
+  <div class="form-group">
+    <label for="{{ field.id_for_label }}" class="col-sm-2 control-label">{{ field.label }}</label>
+    <div class="col-sm-10">
+      {{ field|add_class:'form-control' }}
+      <span class="help-block">{{ field.errors }}</span>
+    </div>
+  </div>
+{% endfor %}
+
+{% for field in account_form %}
+  <div class="form-group">
+    <label for="{{ field.id_for_label }}" class="col-sm-2 control-label">{{ field.label }}</label>
+    <div class="col-sm-10">
+      {{ field|add_class:'form-control' }}
+      <span class="help-block">{{ field.errors }}</span>
+    </div>
+  </div>
+{% endfor %}
+
+{% if user_form %}
+  <div class="form-group">
+    <div class="col-sm-6 col-sm-offset-3 text-center">
+      <input type="submit" value="Enregistrer" class="btn btn-primary btn-lg">
+    </div>
+  </div>
+{% endif %}