about summary refs log tree commit diff
path: root/src/components/dms/ActionsWrapper.web.tsx
diff options
context:
space:
mode:
authorEric Bailey <git@esb.lol>2025-03-28 16:38:24 -0500
committerGitHub <noreply@github.com>2025-03-28 16:38:24 -0500
commita84ba121fa7ed5e8d6e0e13783ad50c299b112f2 (patch)
tree6999985c60e3d2169893d1c020f6fd53f8f03a2b /src/components/dms/ActionsWrapper.web.tsx
parent152bc3c1ec74fadc687efe97361ae7b1b5bd73c3 (diff)
downloadvoidsky-a84ba121fa7ed5e8d6e0e13783ad50c299b112f2.tar.zst
Some design tweaks to web emoji picker (#8076)
* Tighten up and reverse action items on web

* Tweak web styles for emoji bar

* Might as well make disabled more obvious

* Format
Diffstat (limited to 'src/components/dms/ActionsWrapper.web.tsx')
-rw-r--r--src/components/dms/ActionsWrapper.web.tsx5
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/dms/ActionsWrapper.web.tsx b/src/components/dms/ActionsWrapper.web.tsx
index aaffc0cfb..75a9b5278 100644
--- a/src/components/dms/ActionsWrapper.web.tsx
+++ b/src/components/dms/ActionsWrapper.web.tsx
@@ -85,10 +85,9 @@ export function ActionsWrapper({
           a.justify_center,
           a.flex_row,
           a.align_center,
-          a.gap_xs,
           isFromSelf
-            ? [a.mr_md, {marginLeft: 'auto'}]
-            : [a.ml_md, {marginRight: 'auto'}],
+            ? [a.mr_xs, {marginLeft: 'auto'}, a.flex_row_reverse]
+            : [a.ml_xs, {marginRight: 'auto'}],
         ]}>
         <EmojiReactionPicker message={message} onEmojiSelect={onEmojiSelect}>
           {({props, state, isNative, control}) => {