From 1ec36fb45d48cadd98ec7188414fa6de4d9455ad Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Tue, 28 Mar 2017 15:33:55 -0300
Subject: [#932] Adds back link to account recovery steps

---
 web-ui/src/account_recovery/forms/user_recovery_code_form.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'web-ui/src/account_recovery/forms/user_recovery_code_form.js')

diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
index aaefd75d..008fa64f 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
@@ -20,10 +20,11 @@ import { translate } from 'react-i18next';
 
 import InputField from 'src/common/input_field/input_field';
 import SubmitButton from 'src/common/submit_button/submit_button';
+import BackLink from 'src/common/back_link/back_link';
 
 import './forms.scss';
 
-export const UserRecoveryCodeForm = ({ t, next }) => (
+export const UserRecoveryCodeForm = ({ t, previous, next }) => (
   <form className='user-code-form' onSubmit={next}>
     <img
       className='account-recovery-progress'
@@ -34,11 +35,17 @@ export const UserRecoveryCodeForm = ({ t, next }) => (
     <p>{t('account-recovery.user-form.description')}</p>
     <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} />
     <SubmitButton buttonText={t('account-recovery.user-form.button')} />
+    <BackLink
+      text={t('account-recovery.back')}
+      onClick={previous} onKeyDown={previous}
+      role='button'
+    />
   </form>
 );
 
 UserRecoveryCodeForm.propTypes = {
   t: React.PropTypes.func.isRequired,
+  previous: React.PropTypes.func.isRequired,
   next: React.PropTypes.func.isRequired
 };
 
-- 
cgit v1.2.3


From 595c218d19f504d4b8c82423b47ff60fc0fb2680 Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Tue, 28 Mar 2017 16:20:08 -0300
Subject: [#932] Adds images in account recovery flow

---
 web-ui/src/account_recovery/forms/user_recovery_code_form.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'web-ui/src/account_recovery/forms/user_recovery_code_form.js')

diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
index 008fa64f..0438b002 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
@@ -25,13 +25,17 @@ import BackLink from 'src/common/back_link/back_link';
 import './forms.scss';
 
 export const UserRecoveryCodeForm = ({ t, previous, next }) => (
-  <form className='user-code-form' onSubmit={next}>
+  <form className='account-recovery-form user-code' onSubmit={next}>
     <img
       className='account-recovery-progress'
       src='/public/images/account-recovery/step_2.svg'
       alt={t('account-recovery.user-form.image-description')}
     />
     <h1>{t('account-recovery.user-form.title')}</h1>
+    <img
+      src='/public/images/account-recovery/codes.svg'
+      alt=''
+    />
     <p>{t('account-recovery.user-form.description')}</p>
     <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} />
     <SubmitButton buttonText={t('account-recovery.user-form.button')} />
-- 
cgit v1.2.3


From 9af33194195b64b4badef3c443794627f104b664 Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Tue, 28 Mar 2017 16:36:18 -0300
Subject: [#932] Adapts forms to tablet

---
 web-ui/src/account_recovery/forms/user_recovery_code_form.js | 1 +
 1 file changed, 1 insertion(+)

(limited to 'web-ui/src/account_recovery/forms/user_recovery_code_form.js')

diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
index 0438b002..3927aef0 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
@@ -33,6 +33,7 @@ export const UserRecoveryCodeForm = ({ t, previous, next }) => (
     />
     <h1>{t('account-recovery.user-form.title')}</h1>
     <img
+      className='user-codes-image'
       src='/public/images/account-recovery/codes.svg'
       alt=''
     />
-- 
cgit v1.2.3


From 6daf4311d32ab64fa73292e131611ee6a38ff18a Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Tue, 28 Mar 2017 17:35:28 -0300
Subject: [#932] Adapts account recovery flow to desktop

with @deniscostadsc
---
 .../src/account_recovery/forms/user_recovery_code_form.js  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'web-ui/src/account_recovery/forms/user_recovery_code_form.js')

diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
index 3927aef0..30525cdf 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
@@ -32,12 +32,14 @@ export const UserRecoveryCodeForm = ({ t, previous, next }) => (
       alt={t('account-recovery.user-form.image-description')}
     />
     <h1>{t('account-recovery.user-form.title')}</h1>
-    <img
-      className='user-codes-image'
-      src='/public/images/account-recovery/codes.svg'
-      alt=''
-    />
-    <p>{t('account-recovery.user-form.description')}</p>
+    <div className='user-code-form-content'>
+      <img
+        className='user-codes-image'
+        src='/public/images/account-recovery/codes.svg'
+        alt=''
+      />
+      <p>{t('account-recovery.user-form.description')}</p>
+    </div>
     <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} />
     <SubmitButton buttonText={t('account-recovery.user-form.button')} />
     <BackLink
-- 
cgit v1.2.3