- Get news and updates from Bitpay
+
+ Get news and updates from Bitpay
diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss
index b9d9bc24c..774fce120 100644
--- a/src/sass/views/onboarding/onboard-collect-email.scss
+++ b/src/sass/views/onboarding/onboard-collect-email.scss
@@ -59,6 +59,25 @@
}
}
}
+ #news-updates{
+ padding-top:0;
+ .list{
+ max-width: 600px;
+ text-align: center;
+ width: 75%;
+ @include center-block();
+ label{
+ display: inline-block;
+ margin-top: 0;
+ padding-bottom: 1rem;
+ .item-content{
+ margin-left: 15%;
+ top: .4rem;
+ position: relative;
+ }
+ }
+ }
+ }
}
.item {
border: none;
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss
index aca9e70dc..feffbb90a 100644
--- a/src/sass/views/onboarding/onboard-disclaimer.scss
+++ b/src/sass/views/onboarding/onboard-disclaimer.scss
@@ -33,6 +33,11 @@
border-color: rgb(19, 229, 182);
top:20%;
left:11%;
+ @media (min-width:450px){
+ &{
+ left: 20%;
+ }
+ }
}
.item-content {
width: 90%;
@@ -60,6 +65,12 @@
p{
color:rgb(58,58,58);
}
+ @media (min-width:450px){
+ p{
+ position: relative;
+ top: .6rem;
+ }
+ }
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
diff --git a/src/sass/views/onboarding/onboard-tour.scss b/src/sass/views/onboarding/onboard-tour.scss
index b955d6c53..6cd9a42ea 100644
--- a/src/sass/views/onboarding/onboard-tour.scss
+++ b/src/sass/views/onboarding/onboard-tour.scss
@@ -29,7 +29,7 @@
}
}
-@media (max-width: 400px){
+@media (max-width: 359px){
#onboard-tour{
&-secure, &-currency, &-control{
#cta{
@@ -39,6 +39,16 @@
}
}
+@media (min-width: 450px){
+ #onboard-tour{
+ &-secure, &-currency, &-control{
+ #cta{
+ height: 26rem;
+ }
+ }
+ }
+}
+
@media (min-width: 1000px){
#onboard-tour{
p, h2, h3{
diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss
index 4ca9842a2..0099bc072 100644
--- a/src/sass/views/onboarding/onboarding.scss
+++ b/src/sass/views/onboarding/onboarding.scss
@@ -20,6 +20,10 @@
}
}
}
+ .bar.bar-stable{
+ border-color: transparent;
+ border:none;
+ }
ion-content {
height: 100%;
.scroll{
@@ -50,6 +54,12 @@
button {
color:#fff;
}
+ @media (min-width: 450px){
+ p{
+ font-size: 1.1rem;
+ line-height: 1.5rem;
+ }
+ }
}
.col {
@include center-block(.5rem);
@@ -77,7 +87,7 @@
}
}
-@media (max-width: 400px){
+@media (min-width: 400px){
.onboarding{
ion-content{
h2{