fix bottom being cut off issue when back button present with check for if header is present

public/views/onboarding/disclaimer.html

@@ -11,7 +11,7 @@
     <div class="row text-center">
       <h3 translate class="col-75 col">Almost done! Let's review</h3>
     </div>
-    <div class="row text-center">
+    <div class="row text-center tag">
       <p translate class="col col-75">
         Bitcoin is different - it cannot be safely held with a bank or web service
       </p>
@@ -20,7 +20,7 @@
       <ion-checkbox ng-model="accept1"><span translate>I understand my funds are held securely on this device, not by a company.</span></ion-checkbox>
       <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">
+    <div id="agree-to-terms" ng-if="accept1 && accept2" ng-class="{'header-present': backedUp == 'false'}">
       <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>

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

@@ -3,6 +3,9 @@
   height: 100%;
   ion-content{
     height: 100%;
+    &.has-header{
+      top:40px !important;
+    }
     .scroll{
       height: 100%;
     }
@@ -10,9 +13,17 @@
       margin-top:1.5rem;
     }
   }
+  .tag{
+    padding-bottom: 0;
+  }
   .list{
     max-width: 600px;
     @include center-block();
+    .item{
+      &:first-child{
+        padding-top: 0;
+      }
+    }
   }
   .item {
     background: transparent;
@@ -59,6 +70,9 @@
     position: absolute;
     bottom: 0;
     width: 100%;
+    &.header-present{
+      bottom:16px;
+    }
     &-content{
       max-width: 600px;
       @include center-block();