From 3af5405340b7d24aebffbf3aa153a7d8fa947489 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Fri, 9 Sep 2016 10:05:35 -0400
Subject: [PATCH] cleaned up backup warning view on iPhone5

---
 public/views/onboarding/backupWarning.html    |  6 +--
 .../onboarding/onboard-backup-warning.scss    | 37 +++++++++++++++++++
 2 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/public/views/onboarding/backupWarning.html b/public/views/onboarding/backupWarning.html
index d3406fb13..19f21d0ac 100644
--- a/public/views/onboarding/backupWarning.html
+++ b/public/views/onboarding/backupWarning.html
@@ -8,7 +8,7 @@
   </ion-nav-bar>
   <ion-content>
     <div class="row text-center">
-      <h3 translate class="col col-75">
+      <h3 translate class="col col-80">
         Are you being watched?
       </h3>
     </div>
@@ -18,14 +18,14 @@
       </p>
     </div>
     <div class="row">
-      <img src="img/onboarding-backup-warning.svg" class="col col-60">
+      <img src="img/onboarding-backup-warning.svg" class="col col-60 warning-image">
     </div>
     <div class="row text-center">
       <p class="col col-60">
         Anyone with your backup phrase can access or spend your bitcoin.
       </p>
     </div>
-    <div class="row">
+    <div class="cta-buttons">
       <button class="button button-block button-primary col col-75" ng-click="openPopup()" translate>All clear, let's do this</button>
     </div>
   </ion-content>
diff --git a/src/sass/views/onboarding/onboard-backup-warning.scss b/src/sass/views/onboarding/onboard-backup-warning.scss
index 0ee7b5c1b..860c341ed 100644
--- a/src/sass/views/onboarding/onboard-backup-warning.scss
+++ b/src/sass/views/onboarding/onboard-backup-warning.scss
@@ -8,4 +8,41 @@
   #arrow-down{
     font-size: 4.2rem;
   }
+  .cta-buttons{
+    float:left;
+    width:100%;
+  }
+}
+
+@media (max-width: 400px){
+  #onboarding-backup-warning{
+    .warning{
+      margin: 2rem auto 1rem;
+      height: 8rem;
+    }
+    h3{
+      font-size:1.3rem;
+    }
+    p{
+      font-size:.9rem;
+      max-width: 80%;
+      flex: 0 0 80%;
+    }
+    .warning-image{
+      height: 11rem;
+    }
+    .cta-buttons{
+      float:none;
+      bottom:46px;
+      position: absolute;
+    }
+  }
+}
+@media (max-height: 540px){
+  #onboarding-backup-warning{
+    .cta-buttons{
+      float:left;
+      position: relative;
+    }
+  }
 }
\ No newline at end of file