Merge pull request #136 from jamal-jackson/feature/andoid_onboarding_fixes

Mobile related fixes

public/views/onboarding/collectEmail.html

@@ -17,8 +17,8 @@
             <input type="email" id="email" name="email" ng-model="email" placeholder="satoshi@example.com" required></input>
           </label>
         </form>
-        <ion-list>
-          <ion-checkbox ng-model="data.accept"><span translate>Get news and updates from Bitpay</span></ion-checkbox>
+        <ion-list id="news-updates" class="row">
+          <ion-checkbox ng-model="data.accept" class="col col-80"><span translate>Get news and updates from Bitpay</span></ion-checkbox>
         </ion-list>
       </div>
       <div ng-if="confirmation">

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;

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;

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{

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{