From be927da487e0487167199163714fd78a61d1b510 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Fri, 9 Sep 2016 09:47:53 -0400
Subject: [PATCH] fixed backup request view for iPhone5 size devices

---
 public/views/onboarding/backupRequest.html    | 14 ++++----
 .../onboarding/onboard-backup-request.scss    | 35 +++++++++++++++++++
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/public/views/onboarding/backupRequest.html b/public/views/onboarding/backupRequest.html
index f7099033f..0284f8bdf 100644
--- a/public/views/onboarding/backupRequest.html
+++ b/public/views/onboarding/backupRequest.html
@@ -16,12 +16,14 @@
     <div class="row text-center">
       <i class="ion-ios-arrow-thin-down light-blue col col-60" id="arrow-down"></i>
     </div>
-    <div class="row">
-      <button class="button button-block button-positive col-75 col" href
-              ui-sref="onboarding.backupWarning({walletId: walletId})" translate>Backup wallet</button>
-    </div>
-    <div class="row">
-      <button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button>
+    <div class="cta-buttons">
+      <div class="row">
+        <button class="button button-block button-positive col-75 col" href
+                ui-sref="onboarding.backupWarning({walletId: walletId})" translate>Backup wallet</button>
+      </div>
+      <div class="row">
+        <button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button>
+      </div>
     </div>
   </ion-content>
 </ion-view>
diff --git a/src/sass/views/onboarding/onboard-backup-request.scss b/src/sass/views/onboarding/onboard-backup-request.scss
index 0ad4d641d..ee4358655 100644
--- a/src/sass/views/onboarding/onboard-backup-request.scss
+++ b/src/sass/views/onboarding/onboard-backup-request.scss
@@ -8,4 +8,39 @@
   #arrow-down{
     font-size: 4.2rem;
   }
+  .cta-buttons{
+    width:100%;
+    float:left;
+    position: relative;
+  }
+}
+
+@media (max-width: 400px){
+  #onboarding-backup-request{
+    .warning{
+      margin: 2rem auto 1rem;
+      height: 8rem;
+    }
+    h3{
+      font-size:1.3rem;
+    }
+    p{
+      font-size:.9rem;
+      max-width: 80%;
+      flex: 0 0 80%;
+    }
+    .cta-buttons{
+      float:none;
+      bottom:0;
+      position: absolute;
+    }
+  }
+}
+@media (max-height: 540px){
+  #onboarding-backup-request{
+    .cta-buttons{
+      float:left;
+      position: relative;
+    }
+  }
 }
\ No newline at end of file