From 119b3c764286838952912e8ad68b92d774d8bdb8 Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Mon, 23 May 2016 11:15:16 -0300
Subject: [PATCH] fix css classes name - add refreshing spinner

---
 public/views/walletHome.html | 15 ++++++---------
 src/sass/main.scss           |  6 +++---
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index d93195c41..1d13ca320 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -57,11 +57,11 @@
       <ion-scroll delegate-handle="balance" on-scroll="freezeScroll()" scrollbar-y="false">
         <ion-refresher
           pulling-icon="ion-ios-refresh"
-          spinner="none"
+          spinner="ios-small"
           on-refresh="index.updateAll({triggerTxUpdate: true})">
         </ion-refresher>
         <div class="oh pr">
-          <div ng-style="{'background-color':index.backgroundColor}" ng-class="{amount: !shouldCollapse, amountcollapsed: shouldCollapse, 'fade-all': !index.isCordova}">
+          <div ng-style="{'background-color':index.backgroundColor}" ng-class="{amount: !shouldCollapse, 'amount-collapsed': shouldCollapse, 'fade-all': !index.isCordova}">
             <div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
               <div class="m15t" ng-show="index.updateError && !shouldCollapse" ng-click='index.updateAll({triggerTxUpdate: true})'>
                 <span class="size-12 db m10b">{{index.updateError|translate}}</span>
@@ -74,13 +74,10 @@
               </div>
 
               <div ng-click='index.updateAll({triggerTxUpdate: true})'  ng-show="!index.updateError && index.walletScanStatus != 'error' && !index.shouldHideBalance" on-hold="index.onHold()">
-                <strong class="size-36" ng-if="!shouldCollapse">{{index.totalBalanceStr}}</strong>
-                <strong class="size-24" ng-if="shouldCollapse">{{index.totalBalanceStr}}</strong>
+                <strong ng-class="{'size-36': !shouldCollapse, 'size-24': shouldCollapse}">{{index.totalBalanceStr}}</strong>
                 <div class="size-14" ng-if="index.totalBalanceAlternative && !shouldCollapse">{{index.totalBalanceAlternative}} {{index.alternativeIsoCode}}</div>
-                <div class="size-14"
-                  ng-if="index.pendingAmount">
-                  <span translate>Pending Confirmation</span>:
-                  {{index.pendingAmountStr}}
+                <div class="size-14" ng-if="index.pendingAmount">
+                  <span translate>Pending Confirmation</span>:{{index.pendingAmountStr}}
                 </div>
               </div>
 
@@ -99,7 +96,7 @@
             </div>
           </div> <!-- amount -->
 
-          <div ng-class="{walletinfo: !shouldCollapse, walletinfocollapsed: shouldCollapse}">
+          <div ng-class="{'wallet-info': !shouldCollapse, 'wallet-info-collapsed': shouldCollapse}">
             <span ng-include="'views/includes/walletInfo.html'"></span>
           </div>
           <div class="camera-icon" ng-show="index.isComplete" ng-if="!shouldCollapse">
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 88b767055..4edeb4a56 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1587,7 +1587,7 @@ input.ng-invalid-match {
   margin-bottom: 25px;
 }
 
-.amountcollapsed {
+.amount-collapsed {
   width: 100%;
   text-align: center;
   color: #fff;
@@ -1626,7 +1626,7 @@ input.ng-invalid-match {
     text-align: center;
     border-radius: 5px;
   }
-  .walletinfo {
+  .wallet-info {
     position: absolute;
     top: inherit;
     left: 10px;
@@ -1634,7 +1634,7 @@ input.ng-invalid-match {
     font-size: 20px;
     color: #fff;
   }
-  .walletinfocollapsed {
+  .wallet-info-collapsed {
     position: absolute;
     top: inherit;
     left: 10px;