1 files changed, 15 insertions, 4 deletions

diff --git a/cmd/web/js/signin.jsx b/cmd/web/js/signin.jsx
index 5b3b661..cf486ad 100644
--- a/cmd/web/js/signin.jsx
+++ b/cmd/web/js/signin.jsx
@@ -43,17 +43,28 @@ class SigninForm extends React.Component {
   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>
        );
   }
 }