From d10e0bfcc9254fbd2120246209c371ee8b29f65a Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Wed, 12 Oct 2016 12:15:24 -0400
Subject: [PATCH] make send screen items clickable

---
 src/sass/views/includes/txp-details.scss | 31 ++++++++++++++++--------
 www/views/confirm.html                   | 17 +++++++------
 2 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/sass/views/includes/txp-details.scss b/src/sass/views/includes/txp-details.scss
index 4cce40298..498665c31 100644
--- a/src/sass/views/includes/txp-details.scss
+++ b/src/sass/views/includes/txp-details.scss
@@ -51,7 +51,13 @@
     }
     .item {
       color: #4A4A4A;
-      padding: $item-vertical-padding $item-lateral-padding;
+      padding-top: $item-vertical-padding;
+      padding-bottom: $item-vertical-padding;
+      padding-left: $item-lateral-padding;
+
+      &:not(.item-icon-right) {
+        padding-right: $item-lateral-padding;
+      }
 
       .label {
         font-size: 14px;
@@ -62,7 +68,8 @@
       &.single-line {
         display: flex;
         align-items: center;
-        padding: 17px $item-lateral-padding;
+        padding-top: 17px;
+        padding-bottom: 17px;
 
         .label {
           margin: 0;
@@ -113,15 +120,19 @@
       display: flex;
       align-items: center;
       padding: .2rem 0;
-      i {
+      margin-bottom: 5px;
+
+      > i {
         padding: 0;
-      }
-      img {
-        height: 24px;
-        width: 24px;
-        padding: 2px;
-        margin-right: .7rem;
-        box-shadow: none;
+        position: static;
+
+        > img {
+          height: 24px;
+          width: 24px;
+          padding: 2px;
+          margin-right: .7rem;
+          box-shadow: none;
+        }
       }
     }
 
diff --git a/www/views/confirm.html b/www/views/confirm.html
index d772c9164..411fe4b63 100644
--- a/www/views/confirm.html
+++ b/www/views/confirm.html
@@ -29,7 +29,7 @@
             <span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span> -->
           </span>
         </div>
-        <div class="item">
+        <a class="item item-icon-right">
           <span class="label" translate>From</span>
           <div class="wallet">
             <i class="icon big-icon-svg">
@@ -37,19 +37,22 @@
             </i>
             <div>{{wallet.name}}</div>
           </div>
-        </div>
-        <div class="item single-line">
-          <span class="label" translate>{{'Memo'|translate}}</span>
+          <i class="icon bp-arrow-right"></i>
+        </a>
+        <a class="item single-line item-icon-right">
+          <span class="label" translate>{{'Add Memo'|translate}}</span>
           <span class="item-note">
             {{description}}
           </span>
-        </div>
-        <div class="item single-line">
+          <i class="icon bp-arrow-right"></i>
+        </a>
+        <a class="item single-line item-icon-right">
           <span class="label" translate>Fee</span>
           <span class="item-note">
             {{fee}}
           </span>
-        </div>
+          <i class="icon bp-arrow-right"></i>
+        </a>
       </div>
     </div>
   </ion-content>