diff --git a/src/component/drawerContent/view.js b/src/component/drawerContent/view.js index a26c8b2..e814b3a 100644 --- a/src/component/drawerContent/view.js +++ b/src/component/drawerContent/view.js @@ -112,14 +112,14 @@ class DrawerContent extends React.PureComponent { accessibilityLabel={'Sign In'} onPress={this.launchSignInFlow} delayPressIn={0} - style={discoverStyle.signInMenuItem} + style={[discoverStyle.signInMenuItem, discoverStyle.signInMenuItemButton]} > - SIGN IN + SIGN IN )} {signedIn && ( - + {user.primary_email.toUpperCase()} diff --git a/src/styles/discover.js b/src/styles/discover.js index 8ea44ef..1c3d3a7 100644 --- a/src/styles/discover.js +++ b/src/styles/discover.js @@ -295,9 +295,7 @@ const discoverStyle = StyleSheet.create({ color: Colors.DescriptionGrey, marginRight: 6, }, - menuScrollContent: { - paddingTop: 12, - }, + menuScrollContent: {}, menuGroup: { marginTop: 8, marginBottom: 8, @@ -368,20 +366,32 @@ const discoverStyle = StyleSheet.create({ height: '100%', }, signInMenuItem: { - paddingTop: 6, + paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, marginBottom: 6, borderBottomWidth: 1, + }, + signInMenuItemBorder: { borderBottomColor: Colors.VeryLightGrey, }, + signInMenuItemButton: { + backgroundColor: Colors.LbryGreen, + borderBottomColor: Colors.LbryGreen, + }, signInMenuItemText: { color: Colors.DescriptionGrey, fontFamily: 'Inter-UI-SemiBold', fontSize: 14, textAlign: 'center', }, + signInMenuItemButtonText: { + color: Colors.White, + fontFamily: 'Inter-UI-SemiBold', + fontSize: 14, + textAlign: 'center', + }, }); export default discoverStyle;