From b090de4cd909d892a8e35d5a9f1d0aa458db9e7d Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 24 Nov 2015 12:29:40 -0300
Subject: [PATCH] fix passphrase style

---
 public/views/backup.html | 17 +++++++++--------
 src/css/main.css         |  8 ++++++++
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/public/views/backup.html b/public/views/backup.html
index 4f09322dc..45ffadda7 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -84,14 +84,12 @@
         </div>
       </div>
 
-      <div class="row m10t m20b" ng-show="!wordsC.credentialsEncrypted">
-        <div class="columns" ng-show="wordsC.mnemonicHasPassphrase">
-          <span class="size-12">
+      <div class="columns" ng-show="!wordsC.credentialsEncrypted">
+        <div class="line-t p10 size-10 text-gray text-center" ng-show="wordsC.mnemonicHasPassphrase">
             <i class="fi-alert"></i>
             <span translate>
-              WARNING: This seed was created with a passphrase. To recover this wallet both the mnemonic and passphrase are needed.
+              This seed was created with a passphrase. To recover this wallet both the mnemonic and passphrase are needed.
             </span>
-          </span>
         </div>
       </div>
 
@@ -144,7 +142,10 @@
     <div ng-show="wordsC.step3">
       <div class="columns text-center">
         <h5> Enter your passphrase</h5>
-        <div class="panel m20v">
+        <p class="text-gray m0">
+          In order to verify your wallet backup, please type your passphrase:
+        </p>
+        <div class="m20v">
           <input type="text" id="passphrase" ng-model="passphrase" autocapitalize="off" spellcheck="false" autofocus/>
         </div>
       </div>
@@ -190,7 +191,7 @@
           <!-- hide this in multisig just to show less text -->
           <div class="row m20t"  ng-show="index.n==1">
             <div class="columns size-10 text-gray">
-              <div class="p10t"  style="border-top:1px solid #ccc">
+              <div class="p10t line-t">
                 <span translate>You can safely install your wallet on another device and use it from multiple devices at the same time.</span>
                 <a href="#" ng-click="$root.openExternalLink('https://github.com/bitpay/copay/blob/master/README.md#copay-backups-and-recovery')" translate>
                   Learn more about Copay backups
@@ -219,7 +220,7 @@
           <!-- hide this in multisig just to show less text -->
           <div class="row m20t"  ng-show="index.n==1">
             <div class="columns size-10 text-gray">
-              <div class="p10t"  style="border-top:1px solid #ccc">
+              <div class="p10t line-t">
                 <span translate>You can safely install your wallet on another device and use it from multiple devices at the same time.</span>
                 <a href="#" ng-click="$root.openExternalLink('https://github.com/bitpay/copay/blob/master/README.md#copay-backups-and-recovery')" translate>
                   Learn more about Copay backups
diff --git a/src/css/main.css b/src/css/main.css
index 462704bfd..59eac4d29 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -403,6 +403,14 @@ ul.tx-copayers {
   z-index: 9999;
 }
 
+.backup input[type="text"] {
+  border-bottom: 1px solid #CAD4DB;
+}
+
+.backup input[type="text"]:focus {
+  border-bottom: 1px solid #A5B2BF;
+}
+
 .date-message {
   background-color: #213140;
   border-radius: 3px;