From b860fb269b8c08670bf89411e17a9b0c896d4aa2 Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Fri, 21 Oct 2016 12:40:46 -0400
Subject: [PATCH] fix click to pay button clickable area

---
 src/sass/views/includes/clickToAccept.scss | 6 ++++++
 www/views/includes/clickToAccept.html      | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/includes/clickToAccept.scss b/src/sass/views/includes/clickToAccept.scss
index 7a60de930..f5822b0fe 100644
--- a/src/sass/views/includes/clickToAccept.scss
+++ b/src/sass/views/includes/clickToAccept.scss
@@ -1,6 +1,11 @@
 click-to-accept {
 
   .click-to-accept {
+
+    &__button.disable {
+      pointer-events: none;
+    }
+
     &__status-text {
       position: absolute;
       top: 0;
@@ -11,6 +16,7 @@ click-to-accept {
       text-transform: capitalize;
       transform: translateY(2rem);
       opacity: 0;
+      pointer-events: none;
 
       &.enter {
         transition: transform 250ms ease, opacity 250ms ease;
diff --git a/www/views/includes/clickToAccept.html b/www/views/includes/clickToAccept.html
index cd8b3e609..cf555153b 100644
--- a/www/views/includes/clickToAccept.html
+++ b/www/views/includes/clickToAccept.html
@@ -1,4 +1,4 @@
-<button class="button button-standard button-primary" ng-disabled="sendStatus">
+<button class="click-to-accept__button button button-standard button-primary" ng-class="{disable: sendStatus}">
   <span ng-if="!sendStatus">
     <ng-transclude></ng-transclude>
   </span>