Skip to content
This repository has been archived by the owner on Jan 2, 2020. It is now read-only.

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[#932] Adapts forms to tablet
Browse files Browse the repository at this point in the history
Anike Arni authored and tayanefernandes committed Mar 29, 2017
1 parent 2e54d52 commit 6be4da4
Showing 3 changed files with 20 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -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=''
/>
18 changes: 18 additions & 0 deletions web-ui/src/account_recovery/forms/forms.scss
Original file line number Diff line number Diff line change
@@ -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%;
}
}
}
Original file line number Diff line number Diff line change
@@ -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=''
/>

0 comments on commit 6be4da4

Please sign in to comment.