diff --git a/src/components/ExceededCommentLength.js b/src/components/ExceededCommentLength.js index 51c6af6d6d9c..33f557c66d99 100644 --- a/src/components/ExceededCommentLength.js +++ b/src/components/ExceededCommentLength.js @@ -15,7 +15,7 @@ const ExceededCommentLength = (props) => { } return ( - + {`${props.commentLength}/${CONST.MAX_COMMENT_LENGTH}`} ); diff --git a/src/components/ReportWelcomeText.js b/src/components/ReportWelcomeText.js index 0cb559128768..8ee9718ab1d1 100644 --- a/src/components/ReportWelcomeText.js +++ b/src/components/ReportWelcomeText.js @@ -108,7 +108,7 @@ const ReportWelcomeText = (props) => { displayName, pronouns, tooltip, }, index) => ( - + Navigation.navigate(ROUTES.getDetailsRoute(participants[index]))}> {displayName} diff --git a/src/pages/home/report/ReportTypingIndicator.js b/src/pages/home/report/ReportTypingIndicator.js index 552e126b9c5c..8c8e39c46c40 100755 --- a/src/pages/home/report/ReportTypingIndicator.js +++ b/src/pages/home/report/ReportTypingIndicator.js @@ -67,7 +67,7 @@ class ReportTypingIndicator extends React.Component { leadingText={PersonalDetails.getDisplayName(this.state.usersTyping[0])} trailingText={` ${this.props.translate('reportTypingIndicator.isTyping')}`} textStyle={[styles.chatItemComposeSecondaryRowSubText]} - wrapperStyle={[styles.chatItemComposeSecondaryRow]} + wrapperStyle={[styles.chatItemComposeSecondaryRow, styles.flex1]} leadingTextParentStyle={styles.chatItemComposeSecondaryRowOffset} /> ); diff --git a/src/styles/utilities/spacing.js b/src/styles/utilities/spacing.js index e90bba723a05..3190bd10083a 100644 --- a/src/styles/utilities/spacing.js +++ b/src/styles/utilities/spacing.js @@ -306,6 +306,10 @@ export default { paddingLeft: 4, }, + pl2: { + paddingLeft: 8, + }, + pl5: { paddingLeft: 20, },