From 76dd2327cdace38554f72d47d96726b4684bfe34 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Sun, 10 Dec 2017 15:21:15 +0000
Subject: [PATCH] Improve login page.

---
 src/LoginForm.tsx |  1 -
 src/Root.tsx      | 10 ++++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/LoginForm.tsx b/src/LoginForm.tsx
index f896d90..c84dd12 100644
--- a/src/LoginForm.tsx
+++ b/src/LoginForm.tsx
@@ -122,7 +122,6 @@ class LoginForm extends React.Component {
     return (
       <Fragment>
         {(this.props.error) && (<div>Error! {this.props.error.message}</div>)}
-        <h2>Please Log In</h2>
         <form style={styles.form} onSubmit={this.generateEncryption}>
           <TextField
             type="email"
diff --git a/src/Root.tsx b/src/Root.tsx
index 5be6fa5..8fb02ec 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -8,6 +8,8 @@ import LoginForm from './LoginForm';
 
 import { store, StoreState, CredentialsType, fetchCredentials } from './store';
 
+import * as C from './Constants';
+
 class Root extends React.Component {
   props: {
     credentials: CredentialsType;
@@ -30,15 +32,23 @@ class Root extends React.Component {
           maxWidth: 400,
           padding: 20,
         },
+        isSafe: {
+          marginTop: 20,
+          textDecoration: 'none',
+        },
       };
 
       return (
         <Paper zDepth={2} style={style.holder}>
+          <h2>Please Log In</h2>
           <LoginForm
             onSubmit={this.onFormSubmit}
             error={this.props.credentials.error}
             loading={this.props.credentials.fetching}
           />
+          <div style={style.isSafe}>
+            <a style={style.isSafe} href={C.faq + '#web-client'}>Is the web client safe to use?</a>
+          </div>
         </Paper>
       );
     }