diff -r 2a861fed6bde -r 06f609adfbf8 client/src/components/Login.js
--- a/client/src/components/Login.js	Mon Jun 26 16:05:47 2017 +0200
+++ b/client/src/components/Login.js	Mon Jun 26 15:45:50 2017 +0200
@@ -15,6 +15,11 @@
     this.props.authActions.loginSubmit(username, password);
   }
 
+  onClickRegister = (e) => {
+    e.preventDefault();
+    this.props.history.push('/register');
+  }
+
   renderError() {
     return (
       <Alert bsStyle="danger">Bad credentials</Alert>
@@ -22,13 +27,18 @@
   }
 
   render() {
+
+    const panelHeader = (
+      <h4 className="text-uppercase text-center">Login</h4>
+    )
+
     return (
       <div>
         <Navbar history={this.props.history} />
         <Grid fluid>
           <Row>
             <Col md={6} mdOffset={3}>
-              <Panel>
+              <Panel header={ panelHeader } className="panel-login">
                 <form>
                   <FormGroup>
                     <ControlLabel>Username</ControlLabel>
@@ -42,6 +52,9 @@
                   <Button block bsStyle="primary" onClick={this.login}>Login</Button>
                 </form>
               </Panel>
+              <p className="text-center">
+                <a className="text-muted" href="/register" onClick={ this.onClickRegister }>Not registered yet? Create an account.</a>
+              </p>
             </Col>
           </Row>
         </Grid>