From 92c8e25dc1104d9528cc36ba844974d07a411687 Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Fri, 4 Nov 2016 15:25:33 -0400
Subject: [PATCH] better styling for card header

---
 src/sass/views/bitpayCard.scss | 8 +++++++-
 www/views/bitpayCard.html      | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/sass/views/bitpayCard.scss b/src/sass/views/bitpayCard.scss
index 9e97348f1..123a936bf 100644
--- a/src/sass/views/bitpayCard.scss
+++ b/src/sass/views/bitpayCard.scss
@@ -14,11 +14,17 @@
     width: 100%;
     text-align: center;
     padding: 2rem 1rem 1.5rem 1rem;
-    height: 140px;
+    height: 160px;
     border-color: #172565;
     background-color: #1e3186;
     background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%);
     color: #fff;
+
+    &__balance {
+      margin-bottom: 25px;
+      font-weight: 600;
+      font-size: 34px;
+    }
   }
   .wallet-details-wallet-info {
     bottom: 5px;
diff --git a/www/views/bitpayCard.html b/www/views/bitpayCard.html
index 4e7297d72..59a48d583 100644
--- a/www/views/bitpayCard.html
+++ b/www/views/bitpayCard.html
@@ -19,7 +19,7 @@
     <div class="oh pr" ng-show="!error">
       <div class="amount">
         <div ng-if="bitpayCard.bitpayCardCurrentBalance" ng-click="bitpayCard.update()">
-          <div class="size-36 m20b">${{bitpayCard.bitpayCardCurrentBalance}}</div>
+          <div class="amount__balance">${{bitpayCard.bitpayCardCurrentBalance}}</div>
           <a class="button button-primary button-small m5t size-14"
             style="padding: 0.5em 1em;"
             ui-sref="tabs.bitpayCard.amount({'cardId': cardId, 'toName': 'BitPay Card'})">