From 42a9c159c9f23f63ec028af050b4f31144e5b7a8 Mon Sep 17 00:00:00 2001
From: Guillaume Horel <guillaume.horel@gmail.com>
Date: Fri, 5 Dec 2014 00:53:05 -0500
Subject: update login template

---
 static/main.css      |  6 +++++-
 templates/login.html | 41 +++++++++++++++++++++++++++++------------
 2 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/static/main.css b/static/main.css
index b1ac6ed..e7e3f01 100644
--- a/static/main.css
+++ b/static/main.css
@@ -14,9 +14,13 @@
 }
 
 article > header {
-    margin-bottom: 2em; 
+    margin-bottom: 2em;
 }
 
 nav .fa {
     margin-left: 1em;
 }
+
+.login {
+    margin:10em auto
+}
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index d2bb8cb..5e2af32 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,16 +1,33 @@
 {% extends "layout.html" %}
 {%block title %}Connexion{% endblock %}
 {% block body %}
-  <form id = "connection" action="{{ url_for('login') }}" method="post">
-    <fieldset>
-      <legend>Connexion</legend>
-      <p>
-	<label for="name">Nom : </label>
-	<input type="text" id="name" name=username /><br/>
-	<label for="password">Mot de passe : </label>
-	<input type="password" id="password" name=password /><br/>
-      </p>
-      <p class="submit"><input type="submit" value="Se connecter"/></p>
-      {% if error %}<p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %}
-  </form>
+<div class="row login">
+  <div class="col-md-offset-4 col-md-6">
+    <form id = "connection" action="{{ url_for('login') }}" role="form"
+          class="form-horizontal" method="post">
+      <h4>Connexion</h4>
+      <div class="form-group">
+	    <label for="name" class="col-md-2">Nom : </label>
+        <div class="col-md-4">
+	      <input type="text" id="name" class="form-control"
+                 name="username" placeholder="Prénom"/>
+        </div>
+      </div>
+      <div class="form-group">
+	    <label for="password" class="col-md-2">Mot de passe : </label>
+        <div class="col-md-4">
+	      <input type="password" id="password" class="form-control"
+                 name="password" placeholder="Mot de passe"/>
+        </div>
+      </div>
+      <div class="col-md-offset-2">
+        <button type="submit" class="btn btn-primary" name="login">
+          Se Connecter
+        </button>
+      </div>
+      {% if error %}
+      <p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %}
+    </form>
+  </div>
+</div>
   {% endblock %}
-- 
cgit v1.2.3-70-g09d2