From 27f44220a1cc08e641d8be66779489419ff80688 Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Fri, 4 Nov 2016 15:42:34 -0400
Subject: [PATCH] keep card header background color uniform even user scrolls

---
 src/sass/views/bitpayCard.scss | 14 ++++++++++++++
 www/views/bitpayCard.html      |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/bitpayCard.scss b/src/sass/views/bitpayCard.scss
index 123a936bf..44a2824bf 100644
--- a/src/sass/views/bitpayCard.scss
+++ b/src/sass/views/bitpayCard.scss
@@ -10,6 +10,20 @@
       background-color: transparent;
     }
   }
+  .amount-wrapper {
+    position: relative;
+    overflow: visible;
+
+    &:before {
+      content: '';
+      top: -1000px;
+      left: 0;
+      position: absolute;
+      height: 1000px;
+      width: 100%;
+      background-color: #1e3186;
+    }
+  }
   .amount {
     width: 100%;
     text-align: center;
diff --git a/www/views/bitpayCard.html b/www/views/bitpayCard.html
index 59a48d583..d5a2d12e8 100644
--- a/www/views/bitpayCard.html
+++ b/www/views/bitpayCard.html
@@ -16,7 +16,7 @@
       Sandbox version. Only for testing purpose
     </div>
 
-    <div class="oh pr" ng-show="!error">
+    <div class="amount-wrapper" ng-show="!error">
       <div class="amount">
         <div ng-if="bitpayCard.bitpayCardCurrentBalance" ng-click="bitpayCard.update()">
           <div class="amount__balance">${{bitpayCard.bitpayCardCurrentBalance}}</div>