Merge pull request #167 from cmgustavo/ref/design-43

Fix click to pay

public/views/confirm.html

@@ -7,7 +7,7 @@
     </ion-nav-back-button>
   </ion-nav-bar>
 
-  <ion-content>
+  <ion-content ng-class="{'slide-to-pay': isCordova}">
 
     <div class="list card">
       <div class="item item-text-wrap">

public/views/modals/txp-details.html

@@ -11,7 +11,7 @@
     </button>
   </ion-header-bar>
 
-  <ion-content ng-init="updateCopayerList()" ng-class="{'bottom': tx.pendingForUs && canSign}">
+  <ion-content ng-init="updateCopayerList()" ng-class="{'slide-to-pay': tx.pendingForUs && canSign && isCordova}">
     <div class="list">
       <div class="item head">
         <div class="sending-label">
@@ -160,7 +160,7 @@
         <span translate>Delete Payment Proposal</span>
       </button>
     </div>
-    <button class="button button-block button-positive" ng-click="approve()" ng-if="!isCordova" translate>Click to pay</button>
+    <button class="button button-block button-positive" ng-click="approve()" ng-if="tx.pendingForUs && canSign && !loading && !paymentExpired && !isCordova" translate>Click to pay</button>
   </ion-content>
   <accept class="accept-slide" ng-if="tx.pendingForUs && canSign && !loading && !paymentExpired && isCordova"></accept>
 </ion-modal-view>

src/sass/views/confirm.scss

@@ -1,5 +1,5 @@
 #view-confirm {
-  ion-content{
+  .slide-to-pay{
     bottom: 149px;
   }
   .send-gravatar {

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

@@ -1,5 +1,5 @@
 #txp-details{
-  .bottom {
+  .slide-to-pay {
     bottom: 100px;
   }
   .head {