Add padding to top and bottom of hamburgerButton (#1380)

* Add padding to top and bottom of hamburgerButton * Decrease top and bottom padding for iOS
MetaMask · Feb 20, 2020 · 8e20778 · 8e20778
1 parent 7c190af
commit 8e20778
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/app/components/UI/Navbar/index.js b/app/components/UI/Navbar/index.js
@@ -56,6 +56,12 @@ const styles = StyleSheet.create({
 	shareIconIOS: {
 		marginHorizontal: -5
 	},
+	hamburgerButton: {
+		paddingLeft: Device.isAndroid() ? 22 : 18,
+		paddingRight: Device.isAndroid() ? 22 : 18,
+		paddingTop: Device.isAndroid() ? 14 : 10,
+		paddingBottom: Device.isAndroid() ? 14 : 10
+	},
 	backButton: {
 		paddingLeft: Device.isAndroid() ? 22 : 18,
 		paddingRight: Device.isAndroid() ? 22 : 18,
@@ -72,9 +78,6 @@ const styles = StyleSheet.create({
 	infoIcon: {
 		color: colors.blue
 	},
-	moreIcon: {
-		marginTop: 5
-	},
 	flex: {
 		flex: 1
 	},
@@ -210,11 +213,7 @@ export function getPaymentRequestOptionsTitle(title, navigation) {
 		headerTintColor: colors.blue,
 		headerLeft: goBack ? (
 			// eslint-disable-next-line react/jsx-no-bind
-			<TouchableOpacity
-				onPress={() => goBack()}
-				style={styles.backButton}
-				testID={'request-search-asset-back-button'}
-			>
+			<TouchableOpacity onPress={goBack} style={styles.backButton} testID={'request-search-asset-back-button'}>
 				<IonicIcon
 					name={Device.isAndroid() ? 'md-arrow-back' : 'ios-arrow-back'}
 					size={Device.isAndroid() ? 24 : 28}
@@ -385,7 +384,7 @@ export function getBrowserViewNavbarOptions(navigation) {
 
 	return {
 		headerLeft: (
-			<TouchableOpacity onPress={onPress} style={styles.backButton} testID={'hamburger-menu-button-browser'}>
+			<TouchableOpacity onPress={onPress} style={styles.hamburgerButton} testID={'hamburger-menu-button-browser'}>
 				<IonicIcon
 					name={Device.isAndroid() ? 'md-menu' : 'ios-menu'}
 					size={Device.isAndroid() ? 24 : 28}