From bb7dd9390dee481a8c9567c7fd0a7884dc90702b Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Mon, 23 Nov 2015 16:24:12 -0300
Subject: [PATCH] fix button

---
 public/views/backup.html | 40 ++++++++++++++++++++--------------------
 src/css/main.css         | 16 ++++++++++++++++
 2 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/public/views/backup.html b/public/views/backup.html
index 08fae548d..b73e21251 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -1,4 +1,4 @@
-<div class="" ng-controller="backupController as wordsC">
+<div class="backup" ng-controller="backupController as wordsC">
   <nav class="tab-bar">
     <section class="left-small" ng-show="!wordsC.step1 && !wordsC.step4">
       <a ng-click="wordsC.goToStep();">
@@ -16,7 +16,7 @@
     </section>
   </nav>
 
-  <div class="content preferences backup">
+  <div class="content preferences">
     <div class="box-notification" ng-show="wordsC.error">
       <span class="text-warning" translate>
         {{wordsC.error}}
@@ -93,10 +93,10 @@
         </div>
       </div>
 
-      <div class="columns text-center">
+      <div class="button-box">
         <button
           ng-disabled="wordsC.credentialsEncrypted"
-          class="round expand"
+          class="round expand m0"
           ng-style="{'background-color':index.backgroundColor}"
           ng-click="wordsC.goToStep2();"
           translate>Continue
@@ -124,10 +124,10 @@
         </div>
       </div>
 
-      <div class="columns text-center">
+      <div class="button-box">
         <button
           ng-disabled="!wordsC.selectComplete"
-          class="round expand"
+          class="round expand m0"
           ng-style="{'background-color':index.backgroundColor}"
           ng-click="wordsC.goToStep3();"
           translate>Continue
@@ -147,11 +147,11 @@
         </div>
       </div>
 
-      <div class="columns text-center m20t">
+      <div class="button-box">
         <button
           ng-disabled="!passphrase"
           ng-style="{'background-color':index.backgroundColor}"
-          class="button round expand"
+          class="button round expand m0"
           ng-click="wordsC.goToStep4();"
           translate>Continue
         </button>
@@ -194,26 +194,26 @@
         <h5>Backup failed</h5>
         <p class="text-gray columns" translate>
           Failed to verify backup. Please check your information
+        </p>
 
-        <div class="columns text-center m20t">
+        <div class="button-box">
           <button
             ng-style="{'background-color':index.backgroundColor}"
-            class="button round expand"
+            class="button round expand m0"
             ng-click="$root.go(index.prevState);"
             translate>Try again
           </button>
         </div>
       </div>
-    </div>
-
-    <!-- hide this in multisig just to show less text -->
-    <div class="row m20t"  ng-show="index.n==1">
-      <div class="columns size-12 text-gray">
-        <div class="p10t"  style="border-top:1px solid #ccc">
-          <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
-          </a>
+      <!-- hide this in multisig just to show less text -->
+      <div class="row m20t"  ng-show="index.n==1">
+        <div class="columns size-12 text-gray">
+          <div class="p10t"  style="border-top:1px solid #ccc">
+            <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
+            </a>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/css/main.css b/src/css/main.css
index e7ce2c3cf..b637c86dd 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -389,6 +389,22 @@ ul.tx-copayers {
   margin-bottom: 2rem;
 }
 
+.backup .tab-bar {
+  background: #f1f3f5;
+  border-bottom: none;
+}
+
+.backup .button-box {
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 1rem;
+  z-index: 9999;
+  border-top: 1px solid #E0E6EA;
+}
+
 .date-message {
   background-color: #213140;
   border-radius: 3px;