diff --git a/native/invite-links/invite-links-button.react.js b/native/invite-links/invite-links-button.react.js --- a/native/invite-links/invite-links-button.react.js +++ b/native/invite-links/invite-links-button.react.js @@ -3,7 +3,7 @@ import { useActionSheet } from '@expo/react-native-action-sheet'; import { useNavigation } from '@react-navigation/native'; import * as React from 'react'; -import { TouchableOpacity } from 'react-native'; +import { TouchableOpacity, View } from 'react-native'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { primaryInviteLinksSelector } from 'lib/selectors/invite-links-selectors.js'; @@ -111,20 +111,24 @@ ); }, [actions, activeTheme, insets.bottom, showActionSheetWithOptions]); - if (!actions) { - return null; + let button = null; + if (actions) { + button = ( + + + + ); } - return ( - - - - ); + return {button}; } const unboundStyles = { button: { color: 'drawerItemLabelLevel0', }, + container: { + width: 22, + }, }; export default InviteLinksButton; diff --git a/native/navigation/community-drawer-item.react.js b/native/navigation/community-drawer-item.react.js --- a/native/navigation/community-drawer-item.react.js +++ b/native/navigation/community-drawer-item.react.js @@ -99,7 +99,7 @@ const unboundStyles = { container: { - paddingRight: 24, + paddingRight: 8, }, none: { paddingVertical: 2, @@ -111,7 +111,6 @@ }, middle: { backgroundColor: 'drawerOpenCommunityBackground', - paddingRight: 24, }, end: { backgroundColor: 'drawerOpenCommunityBackground', @@ -129,6 +128,7 @@ flex: 1, flexDirection: 'row', alignItems: 'center', + marginRight: 24, }, subchannelsButton: { marginLeft: 24,