From 2d205cbebd2935729c23b14fc0457691e7a062c0 Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Wed, 12 Oct 2016 14:04:23 -0400
Subject: [PATCH] handle insufficient funds case

---
 src/sass/views/includes/txp-details.scss | 4 ++++
 www/views/confirm.html                   | 9 ++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/sass/views/includes/txp-details.scss b/src/sass/views/includes/txp-details.scss
index f03cc201c..c5d216e8f 100644
--- a/src/sass/views/includes/txp-details.scss
+++ b/src/sass/views/includes/txp-details.scss
@@ -49,6 +49,10 @@
     span {
       display: block;
     }
+    .badge {
+      border-radius: 0;
+      padding: .5rem;
+    }
     .item {
       color: #4A4A4A;
       padding-top: $item-vertical-padding;
diff --git a/www/views/confirm.html b/www/views/confirm.html
index a17a8d3b9..0fbffddb9 100644
--- a/www/views/confirm.html
+++ b/www/views/confirm.html
@@ -29,7 +29,10 @@
             <span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span> -->
           </span>
         </div>
-        <a class="item item-icon-right">
+        <div class="text-center" ng-show="insuffientFunds">
+          <span class="badge badge-energized" translate>Insufficient funds</span>
+        </div>
+        <a class="item item-icon-right" ng-hide="insuffientFunds">
           <span class="label" translate>From</span>
           <div class="wallet">
             <i class="icon big-icon-svg">
@@ -39,14 +42,14 @@
           </div>
           <i class="icon bp-arrow-right"></i>
         </a>
-        <a class="item single-line item-icon-right">
+        <a class="item single-line item-icon-right" ng-hide="insuffientFunds">
           <span class="label" translate>{{'Add Memo'|translate}}</span>
           <span class="item-note">
             {{description}}
           </span>
           <i class="icon bp-arrow-right"></i>
         </a>
-        <a class="item single-line item-icon-right">
+        <a class="item single-line item-icon-right" ng-hide="insuffientFunds">
           <span class="label" translate>Fee</span>
           <span class="item-note">
             {{fee}}