From e5715ae8805a74ed5918ee3ce66050dd066d18f8 Mon Sep 17 00:00:00 2001
From: poppingmoon <63451158+poppingmoon@users.noreply.github.com>
Date: Sat, 9 Nov 2024 13:36:02 +0900
Subject: [PATCH] fix: change style of emojis in ReactionUsersSheet

---
 lib/view/widget/reaction_users_sheet.dart | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/lib/view/widget/reaction_users_sheet.dart b/lib/view/widget/reaction_users_sheet.dart
index b4f06776..a5d36ed8 100644
--- a/lib/view/widget/reaction_users_sheet.dart
+++ b/lib/view/widget/reaction_users_sheet.dart
@@ -68,22 +68,26 @@ class ReactionUsersSheet extends HookConsumerWidget {
                   const SizedBox(width: 12.0),
                   ...?reactions?.map(
                     (emoji) => Padding(
-                      padding: const EdgeInsets.all(2.0),
+                      padding: const EdgeInsets.symmetric(
+                        vertical: 2.0,
+                        horizontal: 4.0,
+                      ),
                       child: ElevatedButton(
                         onPressed: () => reaction.value = emoji,
                         style: ElevatedButton.styleFrom(
                           padding: const EdgeInsets.symmetric(
-                            vertical: 2.0,
-                            horizontal: 4.0,
+                            vertical: 4.0,
+                            horizontal: 6.0,
                           ),
                           minimumSize: Size.zero,
                           tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                           shape: RoundedRectangleBorder(
+                            side: emoji == reaction.value
+                                ? BorderSide(color: colors.accent)
+                                : BorderSide.none,
                             borderRadius: BorderRadius.circular(4.0),
                           ),
-                          backgroundColor: emoji == reaction.value
-                              ? colors.accent.withOpacity(0.5)
-                              : colors.buttonBg,
+                          backgroundColor: colors.buttonBg,
                           elevation: 0.0,
                         ),
                         child: ConstrainedBox(