Increase chat reaction emoji sizes (#7241)

AudiusProject · Jan 19, 2024 · 270f107 · 270f107
1 parent 26b0f0c
commit 270f107
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/mobile/src/screens/chat-screen/ChatMessageListItem.tsx b/packages/mobile/src/screens/chat-screen/ChatMessageListItem.tsx
@@ -111,23 +111,23 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     transform: [{ scaleX: -1 }]
   },
   reaction: {
-    height: spacing(8),
-    width: spacing(8)
+    height: spacing(16),
+    width: spacing(16)
   },
   reactionContainer: {
     position: 'relative',
     display: 'flex',
     flexDirection: 'row-reverse',
     justifyContent: 'flex-end',
-    bottom: spacing(4),
-    gap: -spacing(4),
+    bottom: spacing(8),
+    gap: -spacing(12),
     height: 0
   },
   reactionContainerIsAuthor: {
-    right: spacing(4)
+    right: spacing(8)
   },
   reactionContainerOtherUser: {
-    left: spacing(4),
+    left: spacing(8),
     flexDirection: 'row'
   },
   reactionMarginBottom: {

diff --git a/packages/mobile/src/screens/chat-screen/ReactionPopup.tsx b/packages/mobile/src/screens/chat-screen/ReactionPopup.tsx
@@ -76,7 +76,7 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     zIndex: zIndex.CHAT_REACTIONS_POPUP_CONTENT
   },
   emoji: {
-    height: spacing(17)
+    height: spacing(22)
   },
   copyContainer: {
     zIndex: zIndex.CHAT_REACTIONS_POPUP_CONTENT
@@ -237,7 +237,7 @@ export const ReactionPopup = ({
             selectedReaction={selectedReaction as ReactionTypes}
             onChange={handleReactionChanged}
             isVisible={true}
-            scale={1.6}
+            scale={2}
             style={{
               emoji: styles.emoji
             }}