finish updating the user edit template

1 files changed, 79 insertions, 45 deletions

diff --git a/templates/user/edit.html b/templates/user/edit.html
index 396a0e7..2fc6c64 100644
--- a/templates/user/edit.html
+++ b/templates/user/edit.html
@@ -15,14 +15,14 @@
       <fieldset>
         <legend>Paramètres</legend>
         <p class="info">Laisser les champs vides si vous ne souhaitez pas changer de mot de passe.</p>
-        <div class="form-group">
+        <div class="form-group form-group-sm">
           <label for="password" class="col-md-4">Nouveau mot de passe :</label>
           <div class="col-md-4">
             <input type="password" name="password" id="password"
                    class="form-control"/>
           </div>
         </div>
-        <div class="form-group">
+        <div class="form-group form-group-sm">
           <label for="confirm" class="col-md-4">Répéter le mot de passe :</label>
           <div class="col-md-4">
             <input type="password" name="password_confirm" id="confirm"
@@ -30,54 +30,88 @@
           </div>
         </div>
         <div class="form-group">
-      <label for="notify" class="col-md-4">Recevoir un mail lors<br/>d'une nouvelle actualité:</label>
-      <div class="col-md-4">
-        <input type="checkbox" name="notify" class="form-control" id="notify" {% if user.notify %}checked="checked"{% endif %} />
-      </div>
-    </div>
-  </fieldset>
-
-  <fieldset>
-
-<legend>Contact</legend>
-
-<p>
-<label for="email">Email <span class="info">(pour la famille)</span> :</label>
-<input type="text" id="email" name="email" size="25" value="{{user.email}}"/><br />
-
-<label for="phone">Téléphone :</label>
-<input type="text" id="phone" name="phone" size="15" value="{{user.phone}}"/><br />
-
-<label for="line1">Adresse <span class="info">(ligne 1)</span> :</label>
-<input type="text" id="line1" size="30" name="address_line1" value="{{user.address_line1}}"/><br />
+          <label for="notify" class="col-md-4">Recevoir un mail lors<br/>d'une nouvelle actualité:</label>
+          <div class="col-md-4">
+            <input type="checkbox" name="notify" id="notify" {% if user.notify %}checked="checked"{% endif %}  style="text-align:left"/>
+          </div>
+        </div>
+      </fieldset>
 
-<label for="line2">Adresse <span class="info">(ligne 2)</span> :</label>
-<input type="text" id="line2" size="30" name="address_line2" value="{{user.address_line2}}"/><br />
+      <fieldset>
 
-<label for="city_line">Ville, CP <span class="info">(dernière ligne)</span> :</label>
-<input type="text" id="city_line" size="30" name="address_city_line" value="{{user.address_city_line}}"/><br />
-<label for="timezone">Fuseau horaire:</label>
-<select id="timezone" name="timezone">
-{% for timezone in g.timezone %}
-<option {%if timezone==session.timezone %}selected="selected" {% endif %}>{{timezone}}</option>
-{% endfor %}
-</select>
-</p>
-</fieldset>
+        <legend>Contact</legend>
+        <div class="form-group form-group-sm">
+          <label for="email" class="col-md-4">Email <span class="info">(pour la famille)</span> :</label>
+          <div class="col-md-4">
+            <input type="email" id="email" name="email" value="{{user.email}}"
+                   class="form-control"/>
+          </div>
+        </div>
+        <div class="form-group form-group-sm">
+          <label for="phone" class="col-md-4">Téléphone :</label>
+          <div class="col-md-4">
+            <input type="tel" id="phone" name="phone" value="{{user.phone}}"
+                   class="form-control"/>
+          </div>
+        </div>
+        <div class="form-group form-group-sm">
+          <label for="line1" class="col-md-4">Adresse <span class="info">(ligne 1)</span> :</label>
+          <div class="col-md-4">
+            <input type="text" id="line1" name="address_line1"
+                   value="{{user.address_line1}}"
+                   class="form-control"/>
+          </div>
+        </div>
+        <div class="form-group form-group-sm">
+          <label for="line2" class="col-md-4">Adresse <span class="info">(ligne 2)</span> :</label>
+          <div class="col-md-4">
+            <input type="text" id="line2" name="address_line2"
+                   value="{{user.address_line2}}" class="form-control"/>
+          </div>
+        </div>
+        <div class="form-group form-group-sm">
+          <label for="city_line" class="col-md-4">Ville, CP <span class="info">(dernière ligne)</span> :</label>
+          <div class="col-md-4">
+            <input type="text" id="city_line" name="address_city_line"
+                   value="{{user.address_city_line}}" class="form-control"/>
+          </div>
+        </div>
+        <div class="form-group form-group-sm">
+          <label for="timezone" class="col-md-4">Fuseau horaire:</label>
+          <div class="col-md-4">
+            <select id="timezone" class="form-control"
+                    name="timezone">
+              {% for timezone in g.timezone %}
+              <option {%if timezone==session.timezone %}selected="selected" {% endif %}>{{timezone}}</option>
+            {% endfor %}
+            </select>
+          </div>
+        </div>
+      </fieldset>
 
-<fieldset>
-<legend>Informations personelles</legend>
+      <fieldset>
+        <legend>Informations personelles</legend>
 
-<p>
-<label for="birthday">Anniversaire <span class="info">(JJ/MM)</span> :</label>
-<input type="text" id="birthday" name="birthday" size="5" value="{{user.birthday}}" /><br/>
+        <div class="form-group form-group-sm">
+          <label for="birthday" class="col-md-4">Anniversaire <span class="info">(JJ/MM)</span> :</label>
+          <div class="col-md-4">
+            <input type="text" id="birthday" name="birthday"
+                   value="{{user.birthday}}" class="form-control"/>
+          </div>
+        </div>
 
-<label for="nameday">Fête <span class="info">(JJ/MM)</span> :</label>
-<input type="text" id="nameday" name="nameday" size="5" value="{{user.nameday}}" /><br/>
-</p>
-</fieldset>
-<p class="submit"><input type="submit" id="submit" value="Enregistrer"/></p>
-</form>
+        <div class="form-group form-group-sm">
+          <label for="nameday" class="col-md-4">Fête <span class="info">(JJ/MM)</span> :</label>
+          <div class="col-md-4">
+            <input type="text" id="nameday" name="nameday"
+                   value="{{user.nameday}}" class="form-control"/>
+          </div>
+        </div>
+      </fieldset>
+      <button type="submit" class="btn btn-primary">Enregister</button>
+    </form>
+  </div>
+</div>
 
 
 {% endblock %}