From 18c31a666b7b55a174f8ba3745c1c8f23ad7a27d Mon Sep 17 00:00:00 2001
From: Sahil Kumar <xdsahil@gmail.com>
Date: Wed, 13 Jan 2021 11:22:03 +0530
Subject: [PATCH] [MessageInput] Fix attachments padding

Signed-off-by: Sahil Kumar <xdsahil@gmail.com>
---
 lib/src/message_input.dart | 61 ++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 32 deletions(-)

diff --git a/lib/src/message_input.dart b/lib/src/message_input.dart
index db21c206..22a36882 100644
--- a/lib/src/message_input.dart
+++ b/lib/src/message_input.dart
@@ -1542,17 +1542,17 @@ class MessageInputState extends State<MessageInput> {
     return Column(
       children: [
         if (_attachments.any((e) => e.attachment?.type == 'file'))
-          LimitedBox(
-            maxHeight: 136.0,
-            child: ListView(
-              reverse: true,
-              shrinkWrap: true,
-              children: _attachments.reversed
-                  .where((e) => e.attachment?.type == 'file')
-                  .map(
-                    (e) => Padding(
-                      padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                      child: ClipRRect(
+          Padding(
+            padding: const EdgeInsets.fromLTRB(8, 8, 8, 0),
+            child: LimitedBox(
+              maxHeight: 136.0,
+              child: ListView(
+                reverse: true,
+                shrinkWrap: true,
+                children: _attachments.reversed
+                    .where((e) => e.attachment?.type == 'file')
+                    .map<Widget>(
+                      (e) => ClipRRect(
                         borderRadius: BorderRadius.circular(10),
                         clipBehavior: Clip.antiAlias,
                         child: FileAttachment(
@@ -1578,31 +1578,28 @@ class MessageInputState extends State<MessageInput> {
                                       .white,
                                 ),
                               ),
-                              onTap: () {
-                                setState(() {
-                                  _attachments.remove(e);
-                                });
-                              },
+                              onTap: () =>
+                                  setState(() => _attachments.remove(e)),
                             ),
                           ),
                         ),
                       ),
-                    ),
-                  )
-                  .toList(),
+                    )
+                    .insertBetween(const SizedBox(width: 8)),
+              ),
             ),
           ),
         if (_attachments.any((e) => e.attachment?.type != 'file'))
-          LimitedBox(
-            maxHeight: 104.0,
-            child: ListView(
-              scrollDirection: Axis.horizontal,
-              children: _attachments
-                  .where((e) => e.attachment?.type != 'file')
-                  .map(
-                    (attachment) => Padding(
-                      padding: const EdgeInsets.all(8.0),
-                      child: ClipRRect(
+          Padding(
+            padding: const EdgeInsets.fromLTRB(8, 8, 8, 0),
+            child: LimitedBox(
+              maxHeight: 104.0,
+              child: ListView(
+                scrollDirection: Axis.horizontal,
+                children: _attachments
+                    .where((e) => e.attachment?.type != 'file')
+                    .map<Widget>(
+                      (attachment) => ClipRRect(
                         borderRadius: BorderRadius.circular(10),
                         clipBehavior: Clip.antiAlias,
                         child: Stack(
@@ -1629,9 +1626,9 @@ class MessageInputState extends State<MessageInput> {
                           ],
                         ),
                       ),
-                    ),
-                  )
-                  .toList(),
+                    )
+                    .insertBetween(const SizedBox(width: 8)),
+              ),
             ),
           ),
       ],