updated notifications cta image size for tablet sizes, set max width for disclaimer checkbox items

public/views/onboarding/disclaimer.html

@@ -13,9 +13,11 @@
       <ion-checkbox ng-model="accept2"><span translate>I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase</span></ion-checkbox>
     </ion-list>
     <div id="agree-to-terms" ng-if="accept1 && accept2">
-      <ion-checkbox ng-model="terms.accept3"></ion-checkbox>
-      <p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
-      <button ng-disabled="!accept1 || !accept2 || !terms.accept3" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
+      <div id="agree-to-terms-content" class="center-block">
+        <ion-checkbox ng-model="terms.accept3"></ion-checkbox>
+        <p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
+        <button ng-disabled="!accept1 || !accept2 || !terms.accept3" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
+      </div>
     </div>
   </ion-content>
 </ion-view>

src/sass/views/onboarding/onboard-disclaimer.scss

@@ -10,6 +10,10 @@
       margin-top:1.5rem;
     }
   }
+  .list{
+    max-width: 600px;
+    @include center-block();
+  }
   .item {
     background: transparent;
     border: none;
@@ -55,6 +59,10 @@
     position: absolute;
     bottom: 0;
     width: 100%;
+    &-content{
+      max-width: 600px;
+      @include center-block();
+    }
     .item{
       color:rgb(58,58,58);
       padding-bottom: 2.5rem;

src/sass/views/onboarding/onboard-push-notifications.scss

@@ -1,40 +1,49 @@
-#onboarding-push-notifications{
-  h2{
-    margin-top:2rem;
+#onboarding-push-notifications {
+  h2 {
+    margin-top: 2rem;
   }
-  #cta{
+  #cta {
     background-image: url('../img/onboarding-push-notifications.svg');
     height: 15rem;
     margin-top: .75rem;
   }
-  .cta-buttons{
-    float:none;
-    bottom:0;
+  .cta-buttons {
+    float: none;
+    bottom: 0;
     position: absolute;
-    width:100%;
-    button{
+    width: 100%;
+    button {
       max-width: 400px;
     }
   }
 }
 
-@media (max-width: 400px){
-  #onboarding-push-notifications{
-    .cta-buttons{
-      float:none;
-      bottom:0;
+@media (max-width: 400px) {
+  #onboarding-push-notifications {
+    .cta-buttons {
+      float: none;
+      bottom: 0;
       position: absolute;
     }
   }
 }
-@media (max-height: 540px){
-  #onboarding-push-notifications{
-    #cta{
+
+@media (max-height: 540px) {
+  #onboarding-push-notifications {
+    #cta {
       margin-bottom: 0;
     }
-    .cta-buttons{
-      float:left;
+    .cta-buttons {
+      float: left;
       position: relative;
     }
   }
-}
+}
+
+@media (min-width: 450px) {
+  #onboarding-push-notifications {
+    #cta {
+      height: 26rem;
+    }
+  }
+}

src/sass/views/onboarding/onboarding.scss

@@ -91,7 +91,11 @@
   .onboarding{
     ion-content{
       h2{
-        font-size: 1.2rem;
+        font-size: 2rem;
+      }
+      p{
+        font-size: 1.4rem;
+        line-height: 1.9rem;
       }
       p,h2,h3{
         max-width: 600px !important;