From 25501a464622b6383f4695bcc4eed71e20d9368c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Rodriguez=20Ve=CC=81lez?= <marcospr@pm.me>
Date: Fri, 4 Jan 2019 21:14:23 -0500
Subject: [PATCH] FIX: Main Buttons layout #204

---
 BlueComponents.js              | 75 ++++++++++++++++------------------
 screen/wallets/transactions.js |  3 +-
 2 files changed, 37 insertions(+), 41 deletions(-)

diff --git a/BlueComponents.js b/BlueComponents.js
index cc407197e..c4df6a8d0 100644
--- a/BlueComponents.js
+++ b/BlueComponents.js
@@ -717,28 +717,26 @@ export class BlueReceiveButtonIcon extends Component {
   render() {
     return (
       <TouchableOpacity {...this.props}>
-        <View>
-          <View
-            style={{
-              flex: 1,
-              flexDirection: 'row',
-              minWidth: 110,
-              minHeight: 40,
-              position: 'relative',
-              backgroundColor: '#ccddf9',
-              alignItems: 'center',
-            }}
-          >
+        <View
+          style={{
+            flex: 1,
+            minWidth: 168,
+            backgroundColor: '#ccddf9',
+          }}
+        >
+          <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
             <View
               style={{
                 minWidth: 30,
                 minHeight: 30,
+                left: 5,
                 backgroundColor: 'transparent',
                 transform: [{ rotate: '-45deg' }],
                 alignItems: 'center',
+                marginBottom: -11,
               }}
             >
-              <Icon {...this.props} name="arrow-down" size={16} type="font-awesome" color="#2f5fb3" iconStyle={{ left: 5, top: 12 }} />
+              <Icon {...this.props} name="arrow-down" size={16} type="font-awesome" color="#2f5fb3" />
             </View>
             <Text
               style={{
@@ -749,7 +747,7 @@ export class BlueReceiveButtonIcon extends Component {
                 backgroundColor: 'transparent',
               }}
             >
-              {loc.receive.header.toLowerCase()}
+              {loc.receive.header}
             </Text>
           </View>
         </View>
@@ -762,28 +760,26 @@ export class BlueSendButtonIcon extends Component {
   render() {
     return (
       <TouchableOpacity {...this.props}>
-        <View>
-          <View
-            style={{
-              flex: 1,
-              flexDirection: 'row',
-              width: 110,
-              height: 40,
-              backgroundColor: '#ccddf9',
-              alignItems: 'center',
-              paddingLeft: 15,
-            }}
-          >
+        <View
+          style={{
+            flex: 1,
+            minWidth: 168,
+            backgroundColor: '#ccddf9',
+          }}
+        >
+          <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
             <View
               style={{
                 minWidth: 30,
                 minHeight: 30,
                 left: 5,
                 backgroundColor: 'transparent',
+                alignItems: 'center',
                 transform: [{ rotate: '225deg' }],
+                marginBottom: 11,
               }}
             >
-              <Icon {...this.props} name="arrow-down" size={16} type="font-awesome" color="#2f5fb3" iconStyle={{ left: 2, top: 6 }} />
+              <Icon {...this.props} name="arrow-down" size={16} type="font-awesome" color="#2f5fb3" />
             </View>
             <Text
               style={{
@@ -793,7 +789,7 @@ export class BlueSendButtonIcon extends Component {
                 backgroundColor: 'transparent',
               }}
             >
-              {loc.send.header.toLowerCase()}
+              {loc.send.header}
             </Text>
           </View>
         </View>
@@ -806,22 +802,21 @@ export class ManageFundsBigButton extends Component {
   render() {
     return (
       <TouchableOpacity {...this.props}>
-        <View>
-          <View
-            style={{
-              flex: 1,
-              flexDirection: 'row',
-              minWidth: 160,
-              minHeight: 40,
-              backgroundColor: '#ccddf9',
-              alignItems: 'center',
-            }}
-          >
+        <View
+          style={{
+            flex: 1,
+            width: 168,
+            backgroundColor: '#ccddf9',
+          }}
+        >
+          <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
             <View
               style={{
+                minWidth: 30,
+                minHeight: 30,
+                right: 5,
                 backgroundColor: 'transparent',
                 transform: [{ rotate: '90deg' }],
-                marginHorizontal: 10,
               }}
             >
               <Icon {...this.props} name="link" size={16} type="font-awesome" color="#2f5fb3" />
diff --git a/screen/wallets/transactions.js b/screen/wallets/transactions.js
index 7c4225fde..3298c7c5f 100644
--- a/screen/wallets/transactions.js
+++ b/screen/wallets/transactions.js
@@ -549,7 +549,8 @@ export default class WalletTransactions extends Component {
             backgroundColor: 'transparent',
             position: 'absolute',
             bottom: 30,
-            borderRadius: 15,
+            borderRadius: 30,
+            minHeight: 48,
             overflow: 'hidden',
           }}
         >