1 files changed, 12 insertions, 24 deletions
diff --git a/templates/login.tmpl b/templates/login.tmpl
index bb97d2e..28529a7 100644
--- a/templates/login.tmpl
+++ b/templates/login.tmpl
@@ -5,20 +5,15 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 <style>
-body{width:400px; margin: 0 auto; font-family: "Source Sans Pro"; font-size: 15px}
-form{margin-top: 10em}
-form hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.5em 0}
-form h4{font-weight: 300; font-size: 19px}
-label {font-weight: bold}
-input {border: 1px solid #cccccc; border-radius: 0; height:1em; padding: 1em;
-	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; }
-input:focus { border-color: #66afe9; outline: 0;
-	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
-	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}
-button { height: 1em; padding: 1em; border: 1px solid #2780e3; border-radius:
-	0; vertical-align: middle; text-align: center; background-color: #2780e3;
-line-height: 1em; color: white; font-size: inherit; font-family: inherit;}
+body{margin: 0 auto; width: 400px; padding-top: 10em; font-family: "Source Sans Pro"; font-size: 15px;}
+form > hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.3em 0;}
+form > h4{font-weight: 300; font-size: 19px; margin-bottom: 0} label {font-weight: bold; text-align: right;}
+form > div {display: grid; grid-template-columns: 2fr 5fr; grid-gap: 1em 1em; align-items: center;}
+input, button {font-size: inherit; font-family: inherit; line-height: inherit; padding: 0.8em 1em; border-radius: 0}
+input {border: 1px solid #cccccc; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
+input:focus {border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
+button {border: 1px solid #2780e3; background-color: #2780e3; color: white; cursor: pointer; grid-column: 2; justify-self: left}
+button:hover {background-color: #1967be; border-color: #1862b5}
 </style>
   </head>
   <body>
@@ -29,21 +24,14 @@ line-height: 1em; color: white; font-size: inherit; font-family: inherit;}
   <div>
 	<label for="name">Nom :</label>
 	<input type="text" id="name" name="username" placeholder="Prénom"/>
-  </div>
-  <div>
+
 	<label for="password">Mot de passe :</label>
 	<input type="password" id="password" name="password" placeholder="Mot de passe"/>
-  </div>
-  <div>
-	  <button type="submit" name="login">Se Connecter</button>
+
+	<button type="submit" name="login">Se Connecter</button>
   </div>
   <hr>
 </form>
 
-<div class="alert alert-danger" role="alert">
-	<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true">
-	</span>
-</div>
-
   </body>
 </html>