From 533d2a86a3505a865bc8c3517eadb57a63fe93c2 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Thu, 2 May 2019 08:29:10 +0200
Subject: [PATCH] Reduce containers size for small messages

---
 lib/ui/tiles/conversation_message_tile.dart | 48 ++++++++++++---------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/lib/ui/tiles/conversation_message_tile.dart b/lib/ui/tiles/conversation_message_tile.dart
index ddcbc36..fe66447 100644
--- a/lib/ui/tiles/conversation_message_tile.dart
+++ b/lib/ui/tiles/conversation_message_tile.dart
@@ -98,7 +98,7 @@ class ConversationMessageTile extends StatelessWidget {
   /// Build a message of the current user
   Widget _buildRightMessage(BuildContext context) {
     return Container(
-      margin: EdgeInsets.only(bottom: isLastMessage ? 20.0 : 10.0),
+      margin: EdgeInsets.only(bottom: isLastMessage ? 20.0 : 2.0),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.end,
         children: <Widget>[
@@ -119,17 +119,20 @@ class ConversationMessageTile extends StatelessWidget {
                       Container(
                         child: message.hasMessage
                             ? Container(
-                                child: TextRichContentWidget(
-                                  message.message,
-                                  textAlign: TextAlign.justify,
-                                  style: TextStyle(color: Colors.white),
-                                ),
-                                padding:
-                                    EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
                                 width: 200.0,
-                                decoration: BoxDecoration(
-                                  color: Colors.blueAccent,
-                                  borderRadius: BorderRadius.circular(8.0),
+                                alignment: Alignment.centerRight,
+                                child: Container(
+                                  child: TextRichContentWidget(
+                                    message.message,
+                                    textAlign: TextAlign.justify,
+                                    style: TextStyle(color: Colors.white),
+                                  ),
+                                  padding: EdgeInsets.fromLTRB(
+                                      15.0, 10.0, 15.0, 10.0),
+                                  decoration: BoxDecoration(
+                                    color: Colors.blueAccent,
+                                    borderRadius: BorderRadius.circular(8.0),
+                                  ),
                                 ),
                               )
                             : null,
@@ -191,17 +194,20 @@ class ConversationMessageTile extends StatelessWidget {
                   Container(
                     child: message.hasMessage
                         ? Container(
-                            child: TextRichContentWidget(
-                              message.message,
-                              textAlign: TextAlign.justify,
-                              style: TextStyle(color: Colors.black),
-                            ),
-                            padding:
-                                EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
                             width: 200.0,
-                            decoration: BoxDecoration(
-                              color: Colors.black12,
-                              borderRadius: BorderRadius.circular(8.0),
+                            alignment: Alignment.centerLeft,
+                            child: Container(
+                              child: TextRichContentWidget(
+                                message.message,
+                                textAlign: TextAlign.justify,
+                                style: TextStyle(color: Colors.black),
+                              ),
+                              padding:
+                                  EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
+                              decoration: BoxDecoration(
+                                color: Colors.black12,
+                                borderRadius: BorderRadius.circular(8.0),
+                              ),
                             ),
                           )
                         : null,