diff --git a/public/views/onboarding/tour.html b/public/views/onboarding/tour.html index 8df77f256..d4be4de4a 100644 --- a/public/views/onboarding/tour.html +++ b/public/views/onboarding/tour.html @@ -30,7 +30,7 @@ Just scan the code to pay

-
+
@@ -54,9 +54,9 @@ The exchange rate changes with the market

-
+
@@ -78,7 +78,7 @@ Not even BitPay can access it

-
+
diff --git a/src/sass/views/onboarding/onboard-backup-request.scss b/src/sass/views/onboarding/onboard-backup-request.scss index ee4358655..8ed5a36d8 100644 --- a/src/sass/views/onboarding/onboard-backup-request.scss +++ b/src/sass/views/onboarding/onboard-backup-request.scss @@ -10,8 +10,9 @@ } .cta-buttons{ width:100%; - float:left; - position: relative; + float:none; + position: absolute; + bottom: 0; } } @@ -33,6 +34,9 @@ float:none; bottom:0; position: absolute; + button{ + max-width: 400px; + } } } } @@ -43,4 +47,11 @@ position: relative; } } +} +@media (min-height: 980px){ + #onboarding-backup-request{ + #arrow-down{ + margin-top: 15rem; + } + } } \ No newline at end of file diff --git a/src/sass/views/onboarding/onboard-backup-warning.scss b/src/sass/views/onboarding/onboard-backup-warning.scss index 860c341ed..7eaeacbca 100644 --- a/src/sass/views/onboarding/onboard-backup-warning.scss +++ b/src/sass/views/onboarding/onboard-backup-warning.scss @@ -9,8 +9,13 @@ font-size: 4.2rem; } .cta-buttons{ - float:left; + float:none; + bottom:46px; + position: absolute; width:100%; + button{ + max-width: 400px; + } } } diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss index 125d21a93..3cc60ce01 100644 --- a/src/sass/views/onboarding/onboard-collect-email.scss +++ b/src/sass/views/onboarding/onboard-collect-email.scss @@ -64,6 +64,19 @@ } } } +@media (min-width: 1000px){ + #onboarding-collect-email{ + #collect-email{ + p, form{ + max-width: 600px; + @include center-block(); + } + form{ + margin-top:.5rem; + } + } + } +} @keyframes topBottom { 0% { diff --git a/src/sass/views/onboarding/onboard-tour.scss b/src/sass/views/onboarding/onboard-tour.scss index ddb13b75e..b955d6c53 100644 --- a/src/sass/views/onboarding/onboard-tour.scss +++ b/src/sass/views/onboarding/onboard-tour.scss @@ -23,6 +23,10 @@ background-position: top; } } + .cta-button{ + position: absolute; + bottom: 85px; + } } @media (max-width: 400px){ @@ -34,3 +38,22 @@ } } } + +@media (min-width: 1000px){ + #onboard-tour{ + p, h2, h3{ + max-width: 600px; + } + button{ + max-width: 400px; + } + #cta{ + margin: 2rem 0 0; + } + &-control{ + #cta{ + margin-bottom: 2rem; + } + } + } +}