render = () => {
var cName = classNames('form-message', {'hidden': this.state.hideMsg, 'message-ok': this.state.msgOk});
return (
+ <React.Fragment>
<div className="row sign-in">
- <div className="offset-1 col-10 offset-md-4 col-md-4 text-center">
+ <div className="offset-1 col-10 box offset-md-4 col-md-4 text-center">
<form role="form" onSubmit={this.handleSubmit}>
- <input className="form-control" type="email" placeholder="email" onChange={this.handleEmailChange} />
- <input className="form-control" type="password" placeholder="password" onChange={this.handlePasswordChange} />
+ <label className="w-100 text-left"><strong>Email address</strong></label>
+ <input className="form-control" type="email" onChange={this.handleEmailChange} />
+ <span className="w-100 d-inline-block text-left">
+ <label><strong>Password</strong></label>
+ <a className="blue-link hint-text float-right" href="/reset-password">Forgot password?</a>
+ </span>
+ <input className="form-control" type="password" onChange={this.handlePasswordChange} />
<input className="form-control submit" type="submit" value="Sign In" />
<div className={cName}>{this.state.msg}</div>
</form>
- <a href="#" onClick={App.onInternNavigation.bind(this, '/signup')}><u>Sign up</u></a>
</div>
</div>
+ <div className="row">
+ <div className="offset-1 col-10 box offset-md-4 col-md-4 text-center">
+ <span>New to CryptoPF? <a href="#" className="blue-link" onClick={App.onInternNavigation.bind(this, '/signup')}>Create an account.</a></span>
+ </div>
+ </div>
+ </React.Fragment>
);
}
}