diff --git a/native/chat/settings/thread-settings-member.react.js b/native/chat/settings/thread-settings-member.react.js --- a/native/chat/settings/thread-settings-member.react.js +++ b/native/chat/settings/thread-settings-member.react.js @@ -130,20 +130,18 @@ ? null : this.props.styles.topBorder; const lastItem = this.props.lastListItem - ? this.props.styles.lastInnerContainer + ? this.props.styles.lastContainer : null; return ( - - - - - - {usernameInfo} - - {editButton} + + + + + {usernameInfo} - {roleInfo} + {editButton} + {roleInfo} ); } @@ -201,14 +199,11 @@ } const unboundStyles = { - anonymous: { - color: 'panelForegroundTertiaryLabel', - fontStyle: 'italic', - }, container: { backgroundColor: 'panelForeground', flex: 1, - paddingHorizontal: 12, + paddingHorizontal: 24, + paddingVertical: 8, }, editButton: { paddingLeft: 10, @@ -217,12 +212,7 @@ borderColor: 'panelForegroundBorder', borderTopWidth: 1, }, - innerContainer: { - flex: 1, - paddingHorizontal: 12, - paddingVertical: 8, - }, - lastInnerContainer: { + lastContainer: { paddingBottom: Platform.OS === 'ios' ? 12 : 10, }, role: { @@ -247,6 +237,10 @@ lineHeight: 20, marginLeft: 8, }, + anonymous: { + color: 'panelForegroundTertiaryLabel', + fontStyle: 'italic', + }, }; const ConnectedThreadSettingsMember: React.ComponentType =