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,