diff --git a/public/views/onboarding/disclaimer.html b/public/views/onboarding/disclaimer.html index f31a0b082..d00df84e9 100644 --- a/public/views/onboarding/disclaimer.html +++ b/public/views/onboarding/disclaimer.html @@ -13,9 +13,11 @@ I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase
- -

I have read, understood, and agree with the Terms of use.

- +
+ +

I have read, understood, and agree with the Terms of use.

+ +
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index 11491fd87..3bf455da5 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -10,6 +10,10 @@ margin-top:1.5rem; } } + .list{ + max-width: 600px; + @include center-block(); + } .item { background: transparent; border: none; @@ -55,6 +59,10 @@ position: absolute; bottom: 0; width: 100%; + &-content{ + max-width: 600px; + @include center-block(); + } .item{ color:rgb(58,58,58); padding-bottom: 2.5rem; diff --git a/src/sass/views/onboarding/onboard-push-notifications.scss b/src/sass/views/onboarding/onboard-push-notifications.scss index 1132317e7..30ff9b4a2 100644 --- a/src/sass/views/onboarding/onboard-push-notifications.scss +++ b/src/sass/views/onboarding/onboard-push-notifications.scss @@ -1,40 +1,49 @@ -#onboarding-push-notifications{ - h2{ - margin-top:2rem; +#onboarding-push-notifications { + h2 { + margin-top: 2rem; } - #cta{ + #cta { background-image: url('../img/onboarding-push-notifications.svg'); height: 15rem; margin-top: .75rem; } - .cta-buttons{ - float:none; - bottom:0; + .cta-buttons { + float: none; + bottom: 0; position: absolute; - width:100%; - button{ + width: 100%; + button { max-width: 400px; } } } -@media (max-width: 400px){ - #onboarding-push-notifications{ - .cta-buttons{ - float:none; - bottom:0; +@media (max-width: 400px) { + #onboarding-push-notifications { + .cta-buttons { + float: none; + bottom: 0; position: absolute; } } } -@media (max-height: 540px){ - #onboarding-push-notifications{ - #cta{ + +@media (max-height: 540px) { + #onboarding-push-notifications { + #cta { margin-bottom: 0; } - .cta-buttons{ - float:left; + .cta-buttons { + float: left; position: relative; } } -} \ No newline at end of file +} + +@media (min-width: 450px) { + #onboarding-push-notifications { + #cta { + height: 26rem; + } + } +} diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss index 22cbf9452..c44f79878 100644 --- a/src/sass/views/onboarding/onboarding.scss +++ b/src/sass/views/onboarding/onboarding.scss @@ -91,7 +91,11 @@ .onboarding{ ion-content{ h2{ - font-size: 1.2rem; + font-size: 2rem; + } + p{ + font-size: 1.4rem; + line-height: 1.9rem; } p,h2,h3{ max-width: 600px !important;