From 2a55e3f2327f0fc38cc538ac057ff7b4f37cf8aa Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Wed, 14 Sep 2016 08:29:57 -0400
Subject: [PATCH] backup view when header is present fixes

---
 public/views/backup.html                 |  2 +-
 src/sass/views/wallet-backup-phrase.scss | 19 +++++++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/public/views/backup.html b/public/views/backup.html
index 7ee507cba..75225fcf7 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -49,7 +49,7 @@
           ng-disabled="shuffledWord.selected">{{shuffledWord.word}}
         </button>
       </span>
-      <button ng-show="selectComplete" class="button button-block button-positive" ng-click="goToStep(3);" translate>Confirm</button>
+      <button ng-show="selectComplete" id="confirm-phrase" class="button button-block button-positive" ng-click="goToStep(3);" translate>Confirm</button>
     </div>
   </div>
         <!--
diff --git a/src/sass/views/wallet-backup-phrase.scss b/src/sass/views/wallet-backup-phrase.scss
index 94c7b5a8d..8360fd27f 100644
--- a/src/sass/views/wallet-backup-phrase.scss
+++ b/src/sass/views/wallet-backup-phrase.scss
@@ -15,7 +15,7 @@
     background: rgba(246, 246, 246, 0.87);
     padding: .5rem .5rem 1.7rem;
     border: 2px dashed rgb(206, 206, 206);
-    width: 90%;
+    width: 95%;
     margin: 1rem auto;
     color: rgb(43, 43, 43);
     text-align: center;
@@ -34,7 +34,7 @@
     position: absolute;
     width: 100%;
     text-align: center;
-    bottom: 80px;
+    bottom: 90px;
     button {
       max-width: 400px;
     }
@@ -42,7 +42,7 @@
   .select-word {
     background: #fff;
     box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.37);
-    margin: .5rem 0 0;
+    margin: .25rem 0 .25rem;
     display: inline-block;
     padding: 0 5px;
   }
@@ -57,7 +57,7 @@
       font-weight: bold;
       font-weight: bold;
       padding-top: .7rem;
-      margin-bottom: 0.9rem;
+      margin-bottom: 0.3rem;
       float: left;
       width: 100%;
     }
@@ -69,5 +69,16 @@
         border: 1px solid rgb(211, 211, 211);
       }
     }
+    #confirm-phrase{
+      margin:5px auto 0;
+    }
+  }
+  ion-content.has-header{
+    #select-phrase{
+      bottom:75px;
+    }
+    .backup-phrase{
+      padding: .5rem .5rem .9rem;
+    }
   }
 }