From b370b07efb058ba9a6322ca80557c352ac61af30 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Tue, 20 Sep 2016 11:25:40 -0400
Subject: [PATCH] fix issue of iPad backup view cta buttons not fully visible,
 fix modal for all sizes

---
 src/sass/views/includes/modals/modals.scss | 6 ++++--
 src/sass/views/wallet-backup-phrase.scss   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/sass/views/includes/modals/modals.scss b/src/sass/views/includes/modals/modals.scss
index c38cc8c22..63b8af5fe 100644
--- a/src/sass/views/includes/modals/modals.scss
+++ b/src/sass/views/includes/modals/modals.scss
@@ -1,10 +1,12 @@
 .popup-modal {
   background: #fff;
-  top: 20%;
+  top: 50%;
+  left:50%;
   position: absolute;
   z-index: 10;
   width: 90%;
-  left: 5%;
+  max-width: 350px;
+  transform: translate(-50%, -50%);
   border-radius: .25rem;
   &-header {
     background: rgb(1, 209, 162);
diff --git a/src/sass/views/wallet-backup-phrase.scss b/src/sass/views/wallet-backup-phrase.scss
index 6e578e3dc..0defd9af5 100644
--- a/src/sass/views/wallet-backup-phrase.scss
+++ b/src/sass/views/wallet-backup-phrase.scss
@@ -84,7 +84,7 @@
       }
     }
 
-    @media (min-device-width : 320px) and (max-device-width : 340px) and (orientation : portrait){
+    @media (min-width : 320px) and (max-width : 340px) and (orientation : portrait), (min-width : 650px) and (max-width : 770px) and (orientation : portrait){
       #wallet-backup-phrase{
         .cta-buttons,#select-phrase{
           bottom: 64px;