Add hint text to go back to welcome screen from the login screen (fixes #449)

3 files changed, 14 insertions, 0 deletions

diff --git a/src/components/auth/Login.js b/src/components/auth/Login.js
index eb184f1ee..a5893e181 100644
--- a/src/components/auth/Login.js
+++ b/src/components/auth/Login.js
@@ -61,6 +61,10 @@ const messages = defineMessages({
     id: 'login.link.password',
     defaultMessage: 'Reset password',
   },
+  backToWelcome: {
+    id: 'login.backToWelcome',
+    defaultMessage: 'Click the Ferdium icon to go back to the Welcome screen',
+  },
 });
 
 class Login extends Component {
@@ -186,6 +190,11 @@ class Login extends Component {
             {intl.formatMessage(messages.passwordLink)}
           </Link>
         </div>
+        <div className="auth__help">
+          <span>
+            {intl.formatMessage(messages.backToWelcome)}
+          </span>
+        </div>
       </div>
     );
   }
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 37443200f..27d825657 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -64,6 +64,7 @@
   "locked.touchId": "Unlock with Touch ID",
   "locked.touchIdPrompt": "unlock via Touch ID",
   "locked.unlockWithPassword": "Unlock with Password",
+  "login.backToWelcome": "Click the Ferdium icon to go back to the Welcome screen",
   "login.changeServer": "Change here!",
   "login.changeServerMessage": "You are using {serverNameParse} Server, do you want to switch?",
   "login.customServerQuestion": "Using a custom Ferdium server?",
diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index 710cfe10b..33e3a4a78 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -126,6 +126,10 @@
     }
   }
 
+  .auth__help {
+    padding: 5% 2%;
+  }
+
   .auth__adlk {
     bottom: 15px;
     position: absolute;