Close button in correct position. Modal animation customizable

public/views/modals/copayers.html

@@ -1,5 +1,5 @@
 <nav class="tab-bar">
-  <section class="right-small">
+  <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>

public/views/modals/paypro.html

@@ -1,5 +1,5 @@
 <nav class="tab-bar">
-  <section class="right-small">
+  <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>

public/views/modals/scanner.html

@@ -1,5 +1,5 @@
 <nav class="tab-bar">
-  <section class="right-small">
+  <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>

public/views/modals/tx-details.html

@@ -1,5 +1,5 @@
 <nav class="tab-bar">
-  <section class="right-small">
+  <section class="left-small">
     <a ng-click="cancel()" class="p10 ng-animate-disabled">
       <span class="text-close" translate>Close</span>
     </a>

public/views/modals/txp-details.html

@@ -1,5 +1,5 @@
 <nav class="tab-bar">
-  <section class="right-small">
+  <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>

src/css/mobile.css

@@ -590,7 +590,7 @@ a.pin-button:active {
   }
 }
 
-.reveal-modal.ng-animate.in-remove { 
+.reveal-modal.ng-animate.in-remove.closeModalAnimation { 
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
   z-index: 1003;
@@ -622,7 +622,7 @@ a.pin-button:active {
   }
 }
 
-.reveal-modal.ng-animate.in-add.in.in-add-active {
+.reveal-modal.ng-animate.in-add.in.in-add-active.openModalAnimation {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
 }

src/js/controllers/walletHome.js

@@ -101,7 +101,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     };
     $modal.open({
       templateUrl: 'views/modals/copayers.html',
-      windowClass: 'full',
+      windowClass: 'full openModalAnimation closeModalAnimation',
       controller: ModalInstanceCtrl,
     });
   };
@@ -277,7 +277,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
 
     var modalInstance = $modal.open({
       templateUrl: 'views/modals/txp-details.html',
-      windowClass: 'full',
+      windowClass: 'full openModalAnimation closeModalAnimation',
       controller: ModalInstanceCtrl,
     });
 
@@ -675,7 +675,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     };
     $modal.open({
       templateUrl: 'views/modals/paypro.html',
-      windowClass: 'full',
+      windowClass: 'full openModalAnimation closeModalAnimation',
       controller: ModalInstanceCtrl,
     });
   };
@@ -829,7 +829,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
 
     $modal.open({
       templateUrl: 'views/modals/tx-details.html',
-      windowClass: 'full',
+      windowClass: 'full openModalAnimation closeModalAnimation',
       controller: ModalInstanceCtrl,
     });
   };

src/js/services/txStatus.js

@@ -37,7 +37,7 @@ angular.module('copayApp.services').factory('txStatus', function($modal, lodash,
     };
     $modal.open({
       templateUrl: 'views/modals/tx-status.html',
-      windowClass: 'full popup-tx-status',
+      windowClass: 'full popup-tx-status closeModalAnimation',
       controller: ModalInstanceCtrl,
     });
   };