From fdf6659be4e768e269dcaac0582e1d65afbac2d4 Mon Sep 17 00:00:00 2001
From: avashilling <165050625+avashilling@users.noreply.github.com>
Date: Fri, 25 Jul 2025 11:11:47 -0400
Subject: [PATCH] fix: get rid of small space between emojis after animating
 (#3564)

* fix: get rid of small space between emojis after animating

* formatting

---------

Co-authored-by: ggurdin <ggurdin@gmail.com>
---
 .../chat/events/pangea_message_reactions.dart | 66 ++++++++++---------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/lib/pages/chat/events/pangea_message_reactions.dart b/lib/pages/chat/events/pangea_message_reactions.dart
index c2f5911de..1e723fe6a 100644
--- a/lib/pages/chat/events/pangea_message_reactions.dart
+++ b/lib/pages/chat/events/pangea_message_reactions.dart
@@ -127,7 +127,6 @@ class _PangeaMessageReactionsState extends State<PangeaMessageReactions> {
       clipBehavior: Clip.none,
       child: Wrap(
         crossAxisAlignment: WrapCrossAlignment.center,
-        spacing: 4.0,
         runSpacing: 4.0,
         alignment: ownMessage ? WrapAlignment.end : WrapAlignment.start,
         children: [
@@ -427,38 +426,41 @@ class _ReactionState extends State<_Reaction> with TickerProviderStateMixin {
                     scale: scale,
                     alignment: Alignment.center,
                     child: scale > 0.01
-                        ? InkWell(
-                            onTap: () async {
-                              if (_isBusy || isBouncing || isGrowing) {
-                                return;
-                              }
-                              _isBusy = true;
-                              try {
-                                await _animateAndReact();
-                              } finally {
-                                if (mounted) setState(() => _isBusy = false);
-                              }
-                            },
-                            onLongPress: () => widget.onLongPress != null
-                                ? widget.onLongPress!()
-                                : null,
-                            borderRadius: BorderRadius.circular(
-                              AppConfig.borderRadius / 2,
-                            ),
-                            child: Container(
-                              decoration: BoxDecoration(
-                                color: color,
-                                borderRadius: BorderRadius.circular(
-                                  AppConfig.borderRadius / 2,
-                                ),
+                        ? Padding(
+                            padding: const EdgeInsets.only(left: 2, right: 2),
+                            child: InkWell(
+                              onTap: () async {
+                                if (_isBusy || isBouncing || isGrowing) {
+                                  return;
+                                }
+                                _isBusy = true;
+                                try {
+                                  await _animateAndReact();
+                                } finally {
+                                  if (mounted) setState(() => _isBusy = false);
+                                }
+                              },
+                              onLongPress: () => widget.onLongPress != null
+                                  ? widget.onLongPress!()
+                                  : null,
+                              borderRadius: BorderRadius.circular(
+                                AppConfig.borderRadius / 2,
+                              ),
+                              child: Container(
+                                decoration: BoxDecoration(
+                                  color: color,
+                                  borderRadius: BorderRadius.circular(
+                                    AppConfig.borderRadius / 2,
+                                  ),
+                                ),
+                                padding: PlatformInfos.isIOS
+                                    ? const EdgeInsets.fromLTRB(5.5, 1, 3, 2.5)
+                                    : const EdgeInsets.symmetric(
+                                        horizontal: 4,
+                                        vertical: 2,
+                                      ),
+                                child: content,
                               ),
-                              padding: PlatformInfos.isIOS
-                                  ? const EdgeInsets.fromLTRB(5.5, 1, 3, 2.5)
-                                  : const EdgeInsets.symmetric(
-                                      horizontal: 4,
-                                      vertical: 2,
-                                    ),
-                              child: content,
                             ),
                           )
                         : const SizedBox.shrink(),