From 11bb372011f555e4e99a090a6b008d7103a34746 Mon Sep 17 00:00:00 2001
From: Sahil Kumar <xdsahil@gmail.com>
Date: Fri, 8 Jan 2021 16:50:46 +0530
Subject: [PATCH] [MessageReactionsModal] Fix padding

Signed-off-by: Sahil Kumar <xdsahil@gmail.com>
---
 lib/src/message_reactions_modal.dart | 36 ++++++++++++----------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/lib/src/message_reactions_modal.dart b/lib/src/message_reactions_modal.dart
index 0527710a..b8ad1b4e 100644
--- a/lib/src/message_reactions_modal.dart
+++ b/lib/src/message_reactions_modal.dart
@@ -127,7 +127,6 @@ class MessageReactionsModal extends StatelessWidget {
                             ),
                           );
                         }),
-                    SizedBox(height: 8),
                     if (message.latestReactions?.isNotEmpty == true)
                       _buildReactionCard(context),
                   ],
@@ -152,27 +151,21 @@ class MessageReactionsModal extends StatelessWidget {
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16),
         ),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            Padding(
-              padding: const EdgeInsets.all(16.0),
-              child: Text(
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Text(
                 'Message Reactions',
-                style: Theme.of(context).textTheme.headline6,
+                style: StreamChatTheme.of(context).textTheme.headlineBold,
               ),
-            ),
-            Flexible(
-              child: SingleChildScrollView(
-                child: Padding(
-                  padding: const EdgeInsets.only(
-                    left: 18,
-                    right: 18,
-                    bottom: 26,
-                  ),
+              const SizedBox(height: 16),
+              Flexible(
+                child: SingleChildScrollView(
                   child: Wrap(
                     spacing: 16,
-                    runSpacing: 22,
+                    runSpacing: 16,
                     alignment: WrapAlignment.start,
                     children: message.latestReactions
                         .map((e) => _buildReaction(
@@ -184,8 +177,8 @@ class MessageReactionsModal extends StatelessWidget {
                   ),
                 ),
               ),
-            ),
-          ],
+            ],
+          ),
         ),
       ),
     );
@@ -245,9 +238,10 @@ class MessageReactionsModal extends StatelessWidget {
                       ),
                     ],
                   ),
+                  const SizedBox(height: 8),
                   Text(
                     reaction.user.name,
-                    style: Theme.of(context).textTheme.subtitle2,
+                    style: StreamChatTheme.of(context).textTheme.footnoteBold,
                     textAlign: TextAlign.center,
                   ),
                 ],