mobile support for send/receive buttons and some refactors to fix the navigation flow.

src/js/controllers/walletDetails.js

@@ -483,7 +483,14 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
   function rgbToHex(r, g, b) {
     return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
   }
-
+  $scope.goToSend = function() {
+    $state.go('tabs.home', {
+      walletId: $scope.wallet.id
+    }).then(function () {
+      $ionicHistory.clearHistory();
+      $state.go('tabs.send');
+    });
+  };
   $scope.goToReceive = function() {
     $state.go('tabs.home', {
       walletId: $scope.wallet.id
@@ -494,4 +501,12 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
       });
     });
   };
+  $scope.goToBuy = function() {
+    $state.go('tabs.home', {
+      walletId: $scope.wallet.id
+    }).then(function () {
+      $ionicHistory.clearHistory();
+      $state.go('tabs.buyandsell');
+    });
+  };
 });

src/sass/views/tab-home.scss

@@ -70,7 +70,7 @@
     }
   }
   .buttons {
-    margin: 6px auto 0px;
+    margin: 6px auto -12px;
     max-width: 600px;
     >.col {
       padding: 5px 10px;
@@ -84,8 +84,8 @@
       width: 100%;
       font-size: 19px;
       font-weight: bolder;
-      min-height: 45px;
-      line-height: 45px;
+      min-height: auto;
+      line-height: 36px;
     }
   }
   .wallet-coin-logo {

src/sass/views/walletDetails.scss

@@ -132,10 +132,6 @@
     position: relative;
     height: 100%;
     height: calc(100% - env(safe-area-inset-bottom) * 2);
-
-    &.status-bar {
-      margin-top: 20px;
-    }
   }
   .bar-header {
     border: 0;
@@ -191,9 +187,9 @@
       }
     }
 
-    .buttons {
+    .send-receive-buttons {
       max-width: 600px;
-      margin: 30px auto 0;
+      margin: 45px auto 0;
       >.col {
         padding: 5px 10px;
         margin-bottom: 0;
@@ -206,8 +202,8 @@
         width: 100%;
         font-size: 19px;
         font-weight: bolder;
-        min-height: 40px;
-        line-height: 40px;
+        min-height: auto;
+        line-height: 36px;
       }
     }
   }