[#922] Add logo and icons to the header

with @anikarni

2 files changed, 11 insertions, 4 deletions

diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js
index 449f391f..2ae26d12 100644
--- a/web-ui/src/account_recovery/page.js
+++ b/web-ui/src/account_recovery/page.js
@@ -29,7 +29,11 @@ export const Page = ({ t }) => (
     <Header />
     <section>
       <div className='container'>
-        <img className='backup-account-image' src='assets/images/forgot-my-password.svg' alt={t('backup-account.image-description')} />
+        <img
+          className='backup-account-image'
+          src='assets/images/forgot-my-password.svg'
+          alt={t('backup-account.image-description')}
+        />
         <form>
           <h1>{t('backup-account.title')}</h1>
           <p>{t('backup-account.paragraph1')}</p>
@@ -37,7 +41,7 @@ export const Page = ({ t }) => (
           <InputField name='email' label={t('backup-account.input-label')} />
           <SubmitButton buttonText={t('backup-account.button')} />
           <div>
-            <a href='/'>
+            <a href='/' className='link'>
               <i className='fa fa-angle-left' aria-hidden='true' />
               <span>{t('back-to-inbox')}</span>
             </a>
diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss
index c28aa4d2..a344b957 100644
--- a/web-ui/src/account_recovery/page.scss
+++ b/web-ui/src/account_recovery/page.scss
@@ -27,6 +27,10 @@ body, #root {
   min-height: 100%;
 }
 
+a {
+  text-decoration: none;
+}
+
 .page {
   font-family: "Open Sans", "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
   background: $dark_blue; /* For browsers that do not support gradients */
@@ -54,8 +58,7 @@ p {
   margin-bottom: 0.5em;
 }
 
-a {
-  text-decoration: none;
+.link {
   color: $dark_blue;
   font-style: italic;