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;