diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index f8142a8d2..423a72636 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -1,6 +1,21 @@ #onboarding-disclaimer { color: #fff; height: 100%; + &-container { + max-width: 450px; + display: flex; + flex-direction: column; + justify-content: center; + margin-left: auto; + margin-right: auto; + height: calc(100vh - 210px); + } + #disclaimer-topic { + margin: 0 1rem; + } + #disclaimer-description { + margin: 1rem 1rem 2rem; + } ion-content{ height: 100%; &.has-header{ @@ -29,6 +44,7 @@ background: transparent; border: none; color: #fff; + text-align: left; .checkbox input:before, .checkbox .checkbox-icon:before { border-radius: 50% !important; @@ -46,13 +62,8 @@ .checkbox input:checked:after, input:checked + .checkbox-icon:after { border-color: rgb(19, 229, 182); - top:20%; - left:11%; - @media (min-width:450px){ - &{ - left: 20%; - } - } + top: 4px; + left: 5px; } .item-content { width: 90%; @@ -64,14 +75,14 @@ margin-left: 3%; top:44%; } - #agree-to-terms{ + #agree-to-terms { background: #fff; padding:1rem; position: absolute; bottom: 0; width: 100%; &.header-present{ - bottom:16px; + bottom: 38px; } &-content{ max-width: 600px; @@ -87,6 +98,7 @@ } p{ color:rgb(58,58,58); + text-align: left; } @media (min-width:450px){ p{ diff --git a/src/sass/views/onboarding/terms-of-use.scss b/src/sass/views/onboarding/terms-of-use.scss index a4ab99c5c..3abfe747a 100644 --- a/src/sass/views/onboarding/terms-of-use.scss +++ b/src/sass/views/onboarding/terms-of-use.scss @@ -24,6 +24,7 @@ padding: 1rem; position: absolute; bottom: 0; + width: 100%; .checkbox input:before, .checkbox .checkbox-icon:before { border-radius: 50% !important; diff --git a/www/views/onboarding/disclaimer.html b/www/views/onboarding/disclaimer.html index 47fb3e0c4..0b6d21b26 100644 --- a/www/views/onboarding/disclaimer.html +++ b/www/views/onboarding/disclaimer.html @@ -8,23 +8,23 @@ -
-

Almost done! Let's review

+
+
Almost done! Let's review.
+
Bitcoin is different – it cannot be safely held with a bank or web service.
+ + + I understand that my funds are held securely on this device, not by a company. + + + I understand that if this app is moved to another device or deleted, my bitcoin can only be recovered with the backup phrase. + +
-
-

- Bitcoin is different - it cannot be safely held with a bank or web service -

-
- - I understand my funds are held securely on this device, not by a company. - 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 to the Terms of Use.

+