Merge pull request #17850 from s77rt/remove-margin-emojiReactionBubble

emojiReactionBubble style: remove unnecessary margins
Expensify · Apr 25, 2023 · 5494502 · 5494502
2 parents d19326e + 965b97d
commit 5494502
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Reactions/ReportActionItemReactions.js b/src/components/Reactions/ReportActionItemReactions.js
@@ -58,7 +58,7 @@ const ReportActionItemReactions = (props) => {
     const reactionsWithCount = _.filter(props.reactions, reaction => reaction.users.length > 0);
 
     return (
-        <View style={[styles.flexRow, styles.flexWrap]}>
+        <View style={[styles.flexRow, styles.flexWrap, styles.gap1, styles.mt2]}>
             {_.map(reactionsWithCount, (reaction) => {
                 const reactionCount = reaction.users.length;
                 const reactionUsers = _.map(reaction.users, sender => sender.accountID.toString());

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -3028,8 +3028,6 @@ const styles = {
         justifyContent: 'center',
         flexDirection: 'row',
         alignSelf: 'flex-start',
-        marginTop: 8,
-        marginRight: 4,
     },
 
     miniQuickEmojiReactionText: {

diff --git a/src/styles/utilities/spacing.js b/src/styles/utilities/spacing.js
@@ -442,6 +442,10 @@ export default {
         paddingBottom: '10%',
     },
 
+    gap1: {
+        gap: 4,
+    },
+
     gap7: {
         gap: 28,
     },
-Original file line number
+Diff line change
@@ Expand Up / @@ -442,6 +442,10 @@ export default { @@
             paddingBottom: '10%',
         },
+        gap1: {
+            gap: 4,
+        },
         gap7: {
             gap: 28,
         },
@@ Expand Down @@