+
- Take control of your money - get started with bitcoin
+ Take control of your money,
get started with bitcoin.
+
+
+
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss
index 092ba30d4..634413194 100644
--- a/src/sass/views/onboarding/onboard-disclaimer.scss
+++ b/src/sass/views/onboarding/onboard-disclaimer.scss
@@ -71,3 +71,12 @@
}
}
}
+
+@media (max-height:460px){
+ #onboarding-disclaimer{
+ #agree-to-terms{
+ position: relative;
+ float:left;
+ }
+ }
+}
diff --git a/src/sass/views/onboarding/onboard-tour.scss b/src/sass/views/onboarding/onboard-tour.scss
index 906853e2e..358e9949c 100644
--- a/src/sass/views/onboarding/onboard-tour.scss
+++ b/src/sass/views/onboarding/onboard-tour.scss
@@ -3,11 +3,13 @@
#cta {
background-image: url(../img/onboarding-tour-phone.svg);
height: 17rem;
+ margin-bottom:-1.5rem;
}
}
&-currency {
#cta {
background-image: url(../img/onboarding-tour-currency-bg.svg);
+ height:18rem;
}
.next-slide {
margin-top: 3rem;
@@ -16,7 +18,8 @@
&-control {
#cta {
background-image: url(../img/onboarding-tour-control.svg);
- background-size: 70%;
+ margin-bottom: .05rem;
+ height: 15rem;
background-position: top;
}
}
diff --git a/src/sass/views/onboarding/onboard-welcome.scss b/src/sass/views/onboarding/onboard-welcome.scss
index 84d206d20..414d80e78 100644
--- a/src/sass/views/onboarding/onboard-welcome.scss
+++ b/src/sass/views/onboarding/onboard-welcome.scss
@@ -17,7 +17,7 @@
@include center-block();
}
.logo {
- margin-top: 13rem;
+ margin-top: 20rem;
}
button {
@include center-block(1rem);
@@ -30,5 +30,43 @@
background: none;
}
}
+ #cta-buttons {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ button {
+ max-width: 400px;
+ min-width: 300px;
+ }
+ }
+ }
+}
+
+@media (max-width:500px), (max-height:800px) {
+ #onboard-welcome {
+ ion-content {
+ .logo {
+ margin-top: 12rem;
+ }
+ }
+ }
+}
+
+@media (max-width:420px) {
+ #onboard-welcome {
+ ion-content {
+ .logo {
+ margin-top: 8rem;
+ }
+ }
+ }
+}
+
+@media (max-height:608px) {
+ #onboard-welcome {
+ #cta-buttons {
+ position: relative !important;
+ float: left;
+ }
}
}
diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss
index 0b50a6580..a324af26a 100644
--- a/src/sass/views/onboarding/onboarding.scss
+++ b/src/sass/views/onboarding/onboarding.scss
@@ -7,6 +7,7 @@
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
color: #fff;
+ height: 100%;
.bar.bar-header {
background: rgb(30, 49, 134);
color: #fff;
@@ -20,6 +21,10 @@
}
}
ion-content {
+ height: 100%;
+ .scroll{
+ height: 100%;
+ }
color: #fff;
h2, h3{color:#fff;}
h2 {