fix borders and bottom for slide to pay

src/sass/views/includes/txp-details.scss

@@ -12,6 +12,8 @@
   }
   .head {
     padding: 30px $item-lateral-padding 4rem;
+    border-top: 0;
+
     .sending-label {
       display: flex;
       font-size: 18px;
@@ -122,8 +124,14 @@
 
     .timeline-item {
       border: 0;
+      &:nth-child(2) {
+        border-top: 1px solid $item-border-color;
+      }
+      &:last-child {
+        border-bottom: 1px solid $item-border-color;
+      }
       padding: 17px $item-lateral-padding;
-      
+
       > * {
         padding-right: 0;
       }
@@ -144,7 +152,7 @@
 
         &::before {
           content: '';
-          background: #D2D2D2;
+          background: #e8e8e8;
           height: 100px;
           width: 1px;
           position: absolute;
@@ -155,7 +163,7 @@
 
         &::after {
           content: '';
-          background: #D2D2D2;
+          background: #e8e8e8;
           height: 100px;
           width: 1px;
           position: absolute;
@@ -164,10 +172,6 @@
           bottom: 0;
         }
 
-        &::after {
-
-        }
-
         > div {
           border: 3px solid #09C286;
           border-radius: 50%;

www/views/modals/txp-details.html

@@ -12,7 +12,7 @@
     </button>
   </ion-header-bar>
 
-  <ion-content ng-init="updateCopayerList()" ng-class="{'slide-to-pay': tx.pendingForUs && canSign && isCordova}">
+  <ion-content ng-init="updateCopayerList()" ng-class="{'slide-to-pay': tx.pendingForUs && canSign && !hasClick}">
     <div class="list">
       <div class="item head">
         <div class="sending-label">