diff options
Diffstat (limited to 'web-ui/src/account_recovery/page.scss')
-rw-r--r-- | web-ui/src/account_recovery/page.scss | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss index 20604b70..c6a25e53 100644 --- a/web-ui/src/account_recovery/page.scss +++ b/web-ui/src/account_recovery/page.scss @@ -66,10 +66,33 @@ p { margin-bottom: 0.5em; } +.account-recovery-form { + display: flex; + flex-direction: column; + + .account-recovery-progress { + margin: 1em 0; + align-self: center; + width: 100%; + } + + .input-field-group { + margin-top: 0; + } +} + @media only screen and (min-width : 500px) { body { font-size: 1.3em; } + + .account-recovery-form { + align-items: center; + + .account-recovery-progress, h1 { + width: 80%; + } + } } @media only screen and (min-width : 960px) { @@ -78,4 +101,21 @@ p { max-width: 700px; padding: 3em; } + + .account-recovery-progress { + width: 80%; + margin-top: 0; + } + + .account-recovery-form { + h1 { + max-width: 80%; + width: auto; + } + + .input-field-group, .submit-button { + width: 60%; + align-self: center; + } + } } |