From c06a811bd3be2dc014cc53e7fd07f61bc9383c80 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Thu, 29 Sep 2016 15:41:33 -0400
Subject: [PATCH] fix bottom being cut off issue when back button present with
 check for if header is present

---
 public/views/onboarding/disclaimer.html           |  4 ++--
 src/sass/views/onboarding/onboard-disclaimer.scss | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/public/views/onboarding/disclaimer.html b/public/views/onboarding/disclaimer.html
index 72b72c259..47fb3e0c4 100644
--- a/public/views/onboarding/disclaimer.html
+++ b/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>
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss
index 3bf455da5..f8142a8d2 100644
--- a/src/sass/views/onboarding/onboard-disclaimer.scss
+++ b/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();