client/src/components/Login.js
changeset 154 a28361bda28c
parent 151 57d63a248f0d
child 161 a642639dbc07
--- a/client/src/components/Login.js	Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/Login.js	Mon Sep 03 20:02:14 2018 +0200
@@ -72,21 +72,23 @@
           <div className="row">
             <div className="col-lg-6 offset-md-3">
               <div className="panel-login panel panel-default">
-                <div className="card-header bg-secondary border-0">
-                  <h4 className="text-center card-title">IRI Notes</h4>
-                  <form onSubmit={this.submit}>
-                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/>
-                      <label className="col-form-label text-primary">Nom d'utilisateur</label>
+                <div className="card-header bg-secondary border-0 mt-5 pt-5">
+                  <h4 className="text-center card-title font-weight-bold text-lg">IRI Notes</h4>
+                  <form className="pt-3 ml-5 pl-5" onSubmit={this.submit}>
+                    <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/>
+                      <label className="col-form-label text-primary font-weight-bold mt-2">Nom d'utilisateur</label>
                       <input className="form-control bg-danger text-muted" type="text" onChange={this.handleInputChange} name="username" />
                       {/* { this.renderErrorMessage(errorMessages, 'username') } */}
                     </div>
-                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password') ? 'error' : null*/ >
-                      <label className="col-form-label text-primary">Mot de passe</label>
+                    <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('password') ? 'error' : null*/ >
+                      <label className="col-form-label text-primary font-weight-bold mt-2">Mot de passe</label>
                       <input className="form-control bg-danger text-muted" type="password" onChange={this.handleInputChange} name="password" />
                       {/* { this.renderErrorMessage(errorMessages, 'password') } */}
                     </div>
                     {/* { this.renderNonFieldErrors(errorMessages) } */}
-                    <button type="submit" className="btn btn-primary btn-lg text-secondary">Se connecter</button>
+                    <div className="text-center mr-5 pr-5">
+                    <button type="submit" className="btn btn-primary btn-lg text-secondary font-weight-bold mt-3">Se connecter</button>
+                    </div>
                   </form>
                 </div>
               </div>