From b009be8457db7a9f17714369c4497261c4c73fad Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Fri, 24 Apr 2015 16:14:52 -0300
Subject: [PATCH] button history

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

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index e0f17543b..46956a2c0 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -407,19 +407,18 @@ history
         {{btx.message || btx.addressTo}}
       </div>
     </div>
-    <div class="m20t row">
-      <div class="columns">
-
-        <button class="outline light-gray small expand" 
-          ng-disabled="index.updatingTxHistory"
-          ng-click="index.updateTxHistory(index.skipHistory)" 
-          ng-show="index.txHistoryPaging || index.updatingTxHistory"
-        >
-          <span  ng-show="!index.updatingTxHistory">
-            <span translate>More</span> <i class="icon-arrow-down4 ng-scope"></i> 
-          </span>
-          <span translate ng-show="index.updatingTxHistory">Loading...</span>
-        </button>
+    <div class="m20t columns text-center" ng-show="index.txHistoryPaging || index.updatingTxHistory">
+      <button class="outline light-gray small expand"
+        ng-click="index.updateTxHistory(index.skipHistory)"
+        ng-if="!index.updatingTxHistory">
+          <span translate>More</span> <i class="icon-arrow-down4 ng-scope"></i>
+      </button>
+      <div class="spinner" ng-if="index.updatingTxHistory">
+        <div class="rect1"></div>
+        <div class="rect2"></div>
+        <div class="rect3"></div>
+        <div class="rect4"></div>
+        <div class="rect5"></div>
       </div>
     </div>
   </div>
diff --git a/src/css/main.css b/src/css/main.css
index 04bbbc797..51edbc350 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -26,7 +26,6 @@ h2 {
   font-size: 20px;
   font-weight: 100;
 }
-
 h3 {
   font-weight: 300;
   font-size: 16px;
@@ -147,7 +146,7 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
 
 .content {
   width:100%;
-  position: absolute; 
+  position: absolute;
   top: 46px;
   bottom: 0;
   overflow: auto;
@@ -1152,6 +1151,10 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   vertical-align: middle;
 }
 
+#history .spinner > div {
+  background-color: #7A8C9E;
+}
+
 .spinner > div {
   background-color: #fff;
   height: 100%;
@@ -1196,4 +1199,3 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
     -webkit-transform: scaleY(1.0);
   }
 }
-