diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-15 16:56:11 -0300 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-16 10:28:44 -0300 |
commit | d8fe7438d8c85c0115ddc520fe9ef117e305a6c2 (patch) | |
tree | f1fc23e52df3c1613fef5f408290227505411a0e /web-ui/src/backup_account/confirmation/confirmation.scss | |
parent | 30f450e4fe20ac0b2d8751bb3f940566aefd394f (diff) |
[#971] Add css style for the confirmation page
with @tuliocasagrande
Diffstat (limited to 'web-ui/src/backup_account/confirmation/confirmation.scss')
-rw-r--r-- | web-ui/src/backup_account/confirmation/confirmation.scss | 35 |
1 files changed, 22 insertions, 13 deletions
diff --git a/web-ui/src/backup_account/confirmation/confirmation.scss b/web-ui/src/backup_account/confirmation/confirmation.scss index 44f3fa8a..da349276 100644 --- a/web-ui/src/backup_account/confirmation/confirmation.scss +++ b/web-ui/src/backup_account/confirmation/confirmation.scss @@ -19,26 +19,35 @@ @import "~scss/base/colors"; @import "~scss/base/fonts"; - - -.confirmation { - background: $white; +.confirmation-container { width: 84%; - margin: 3% auto; padding: 6% 5%; - box-shadow: 0 2px 3px 0 $shadow; + display: flex; + align-items: center; + flex-direction: column; + + img { + padding: 2em 3.2em 2em 0; + } } -@media only screen and (min-width : 500px) { + .submit-button { + width: 65%; + align-self: center; + } +@media only screen and (min-width : 500px) { + .confirmation-container { + width: 50%; + padding: 1em 2em; + } } @media only screen and (min-width : 960px) { - .confirmation{ - width: 60%; - padding: 3em; - align-items: flex-start; - flex-direction: row; - max-width: 700px; + .confirmation-container { + width: 30%; + padding: 1em 2em; + display: flex; + flex-direction: column; } } |