From fe96fc41d12fa687b5a67414c1e3ea0f7c25a6d3 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Wed, 14 Sep 2016 10:40:33 -0400
Subject: [PATCH] updated text for different scenarios where backup phrase
 might not be readily available to create.

---
 public/views/backup.html | 20 ++++++++++++++------
 src/sass/common.scss     |  4 ++++
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/views/backup.html b/public/views/backup.html
index 75225fcf7..9a2eb0804 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -6,7 +6,14 @@
   </ion-nav-bar>
   <ion-content>
     <div ng-show="deleted">
-      <span translate>Wallet recovery phrase not available. You can still export it from Advanced &gt; Export.</span>
+      <div class="row text-center">
+        <h3 translate class="col col-75 center-block">Wallet recovery phrase not available.</h3>
+      </div>
+      <div class="row text-center">
+        <p translate class="col col-75 center-block">
+          You can still export it from Advanced &gt; Export.
+        </p>
+      </div>
     </div>
         <!--
     ## STEP 1
@@ -20,11 +27,12 @@
         Please carefully write down this phrase
       </p>
     </div>
-    <div ng-show="mnemonicHasPassphrase">
-      <i class="ion-alert-circled"></i>
-      <span translate>
-        This recovery phrase was created with a password. To recover this wallet both the recovery phrase and password are needed.
-      </span>
+    <div class="row text-center" ng-show="mnemonicHasPassphrase">
+      <p class="bold-text col col-80 center-block">
+        <span translate>
+          This recovery phrase was created with a password. To recover this wallet both the recovery phrase and password are needed.
+        </span>
+      </p>
     </div>
     <div class="cta-buttons">
       <button ng-show="!deleted" ng-disabled="credentialsEncrypted || error" class="button button-block button-positive" ng-click="goToStep(2);" translate>I've written it down
diff --git a/src/sass/common.scss b/src/sass/common.scss
index 502df7d91..1a8c2e6f8 100644
--- a/src/sass/common.scss
+++ b/src/sass/common.scss
@@ -80,3 +80,7 @@ ion-header-bar{
 .border-top{
   border-top:1px solid rgb(228,228,228);
 }
+
+.bold-text{
+  font-weight: bold !important;
+}
\ No newline at end of file