diff options
| author | Anike Arni <aarni@thoughtworks.com> | 2017-03-28 16:36:18 -0300 |
|---|---|---|
| committer | Anike Arni <aarni@thoughtworks.com> | 2017-03-28 18:06:44 -0300 |
| commit | 9af33194195b64b4badef3c443794627f104b664 (patch) | |
| tree | 6c65f9e3d3385c2680cabfc602eb9a9002fb3d94 /web-ui/src/account_recovery | |
| parent | 595c218d19f504d4b8c82423b47ff60fc0fb2680 (diff) | |
[#932] Adapts forms to tablet
Diffstat (limited to 'web-ui/src/account_recovery')
3 files changed, 20 insertions, 0 deletions
diff --git a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js index e4d335bb..3d97b191 100644 --- a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js +++ b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js @@ -32,6 +32,7 @@ export const AdminRecoveryCodeForm = ({ t, next }) => ( /> <h1>{t('account-recovery.admin-form.title')}</h1> <img + className='admin-codes-image' src='/public/images/account-recovery/admins_contact.svg' alt='' /> diff --git a/web-ui/src/account_recovery/forms/forms.scss b/web-ui/src/account_recovery/forms/forms.scss index 73d971b2..70885daf 100644 --- a/web-ui/src/account_recovery/forms/forms.scss +++ b/web-ui/src/account_recovery/forms/forms.scss @@ -19,6 +19,14 @@ width: 100%; } +.admin-codes-image { + height: 2.7em; +} + +.user-codes-image { + height: 4em; +} + .account-recovery-form { display: flex; flex-direction: column; @@ -38,3 +46,13 @@ margin-bottom: 0; } } + +@media only screen and (min-width : 500px) { + .account-recovery-form { + align-items: center; + + p { + width: 70%; + } + } +} 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='' /> |