summaryrefslogtreecommitdiff
path: root/web-ui
diff options
context:
space:
mode:
authorAnike Arni <aarni@thoughtworks.com>2017-03-28 16:36:18 -0300
committerAnike Arni <aarni@thoughtworks.com>2017-03-28 18:06:44 -0300
commit9af33194195b64b4badef3c443794627f104b664 (patch)
tree6c65f9e3d3385c2680cabfc602eb9a9002fb3d94 /web-ui
parent595c218d19f504d4b8c82423b47ff60fc0fb2680 (diff)
[#932] Adapts forms to tablet
Diffstat (limited to 'web-ui')
-rw-r--r--web-ui/src/account_recovery/forms/admin_recovery_code_form.js1
-rw-r--r--web-ui/src/account_recovery/forms/forms.scss18
-rw-r--r--web-ui/src/account_recovery/forms/user_recovery_code_form.js1
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=''
/>