diff --git a/app/components/UI/DrawerView/index.js b/app/components/UI/DrawerView/index.js
index c5fedd818ec..48b2229362b 100644
--- a/app/components/UI/DrawerView/index.js
+++ b/app/components/UI/DrawerView/index.js
@@ -37,7 +37,6 @@ import { getEther } from '../../../util/transactions';
import { newAssetTransaction } from '../../../actions/transaction';
import { protectWalletModalVisible } from '../../../actions/user';
-const ANDROID_OFFSET = 38;
const styles = StyleSheet.create({
wrapper: {
flex: 1,
@@ -120,6 +119,8 @@ const styles = StyleSheet.create({
},
buttons: {
flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'center',
borderBottomColor: colors.grey100,
borderBottomWidth: 1,
padding: 15
@@ -127,6 +128,8 @@ const styles = StyleSheet.create({
button: {
flex: 1,
flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'center',
borderRadius: 30,
borderWidth: 1.5
},
@@ -137,25 +140,21 @@ const styles = StyleSheet.create({
marginLeft: 5
},
buttonText: {
- marginLeft: Device.isIos() ? 8 : 28,
- marginTop: Device.isIos() ? 0 : -23,
- paddingBottom: Device.isIos() ? 0 : 3,
+ paddingLeft: 8,
fontSize: 15,
color: colors.blue,
...fontStyles.normal
},
buttonContent: {
flexDirection: 'row',
- alignItems: 'flex-start',
+ alignItems: 'center',
justifyContent: 'center'
},
buttonIcon: {
marginTop: 0
},
buttonReceive: {
- transform: Device.isIos()
- ? [{ rotate: '90deg' }]
- : [{ rotate: '90deg' }, { translateX: ANDROID_OFFSET }, { translateY: ANDROID_OFFSET }]
+ transform: [{ rotate: '90deg' }]
},
menu: {},
noTopBorder: {
@@ -895,30 +894,32 @@ class DrawerView extends PureComponent {
type={'rounded-normal'}
onPress={this.onSend}
containerStyle={[styles.button, styles.leftButton]}
- style={styles.buttonContent}
>
-
- {strings('drawer.send_button')}
+
+
+ {strings('drawer.send_button')}
+
-
- {strings('drawer.receive_button')}
+
+
+ {strings('drawer.receive_button')}
+