--- a/client/src/components/Register.js Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/Register.js Mon Sep 03 20:02:14 2018 +0200
@@ -47,30 +47,32 @@
<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" onClick={this.onClickHome}>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" /*inputRef={ref => { this.username = ref; }}*/ />
{/* { this.renderErrorMessage(errorMessages, 'username') } */}
</div>
- <div className="form-group" /*validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }*/>
- <label className="col-form-label text-primary">Email</label>
+ <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }*/>
+ <label className="col-form-label text-primary font-weight-bold mt-2">Email</label>
<input className="form-control bg-danger text-muted" type="email" /*inputRef={ref => { this.email = ref; }}*/ />
{/* { this.renderErrorMessage(errorMessages, 'email') } */}
</div>
- <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password1') ? '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('password1') ? '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" /*inputRef={ref => { this.password1 = ref; }}*/ />
{/* { this.renderErrorMessage(errorMessages, 'password1') } */}
</div>
- <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }*/>
- <label className="col-form-label text-primary">Confirmer le mot de passe</label>
+ <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }*/>
+ <label className="col-form-label text-primary font-weight-bold mt-2">Confirmer le mot de passe</label>
<input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password2 = ref; }}*/ />
{/* { this.renderErrorMessage(errorMessages, 'password2') } */}
</div>
- <button type="submit" onClick={this.submit} className="btn btn-primary btn-lg text-secondary">S'inscrire</button>
+ <div className="text-center mr-5 pr-5">
+ <button type="submit" onClick={this.submit} className="btn btn-primary btn-lg text-secondary font-weight-bold mt-3">S'inscrire</button>
+ </div>
</form>
</div>
</div>