From 26814461f18bf66d3c0942fd1b0d76dace1b557c Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Mon, 14 Nov 2016 19:13:14 -0500
Subject: [PATCH] ensure header background is pullable when collapsing is
 disabled

---
 src/sass/views/walletDetails.scss | 16 +++++++++++++---
 www/views/walletDetails.html      |  7 ++++++-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss
index 78e89e360..d128d60a9 100644
--- a/src/sass/views/walletDetails.scss
+++ b/src/sass/views/walletDetails.scss
@@ -141,12 +141,22 @@
 
     .amount-bg {
       content: '';
-      bottom: 0;
+      top: 0;
       left: 0;
       position: absolute;
       width: 100%;
-      height: 200px;
-      transform: translateY(100px);
+      height: 500px;
+      transform: translateY(-499px);
+
+      &.collapsible {
+        top: initial;
+        bottom: 0;
+        left: 0;
+        position: absolute;
+        width: 100%;
+        height: 200px;
+        transform: translateY(100px);
+      }
     }
   }
   .amount {
diff --git a/www/views/walletDetails.html b/www/views/walletDetails.html
index a8f2ecb43..b61d77d35 100644
--- a/www/views/walletDetails.html
+++ b/www/views/walletDetails.html
@@ -17,6 +17,7 @@
     <div
       class="amount-bg"
       ng-style="{'background-color':wallet.color}"
+      ng-class="{collapsible: amountIsCollapsible}"
     ></div>
     <div
       ng-style="{'background-color':wallet.color, 'height': amountHeight}"
@@ -88,7 +89,11 @@
       on-refresh="onRefresh()">
     </ion-refresher>
 
-    <div class="oh pr" ng-show="wallet && wallet.isComplete() && !amountIsCollapsible">
+    <div class="amount-wrapper" ng-show="wallet && wallet.isComplete() && !amountIsCollapsible">
+      <div
+        class="amount-bg"
+        ng-style="{'background-color':wallet.color}"
+      ></div>
       <div
         ng-style="{'background-color':wallet.color}"
         class="amount"