From f2d42936ad40cebde2329d72c39c60bf45845a93 Mon Sep 17 00:00:00 2001
From: krille-chan <christian-kussowski@posteo.de>
Date: Thu, 30 May 2024 14:55:41 +0200
Subject: [PATCH] chore: Follow up chat design

---
 lib/pages/chat/events/message.dart    |  2 ++
 lib/pages/chat/typing_indicators.dart | 14 +++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/lib/pages/chat/events/message.dart b/lib/pages/chat/events/message.dart
index cba2b9398..9cfdaaf42 100644
--- a/lib/pages/chat/events/message.dart
+++ b/lib/pages/chat/events/message.dart
@@ -260,6 +260,8 @@ class Message extends StatelessWidget {
                                                     : displayname
                                                         .lightColorText),
                                               ),
+                                              maxLines: 1,
+                                              overflow: TextOverflow.ellipsis,
                                             );
                                           },
                                         ),
diff --git a/lib/pages/chat/typing_indicators.dart b/lib/pages/chat/typing_indicators.dart
index 47079d4c3..35fbf5d25 100644
--- a/lib/pages/chat/typing_indicators.dart
+++ b/lib/pages/chat/typing_indicators.dart
@@ -27,14 +27,13 @@ class TypingIndicators extends StatelessWidget {
         final typingUsers = controller.room.typingUsers
           ..removeWhere((u) => u.stateKey == Matrix.of(context).client.userID);
 
-        const bottomPadding = 4.0;
         return Container(
           width: double.infinity,
           alignment: Alignment.center,
           child: AnimatedContainer(
             constraints:
                 const BoxConstraints(maxWidth: FluffyThemes.columnWidth * 2.5),
-            height: typingUsers.isEmpty ? 0 : avatarSize + bottomPadding,
+            height: typingUsers.isEmpty ? 0 : avatarSize + 8,
             duration: FluffyThemes.animationDuration,
             curve: FluffyThemes.animationCurve,
             alignment: controller.timeline!.events.isNotEmpty &&
@@ -44,15 +43,16 @@ class TypingIndicators extends StatelessWidget {
                 : Alignment.topLeft,
             clipBehavior: Clip.hardEdge,
             decoration: const BoxDecoration(),
-            padding: const EdgeInsets.only(
-              left: 8.0,
-              bottom: bottomPadding,
+            padding: const EdgeInsets.symmetric(
+              horizontal: 8.0,
+              vertical: 4.0,
             ),
             child: Row(
               children: [
-                SizedBox(
+                Container(
+                  alignment: Alignment.center,
                   height: avatarSize,
-                  width: typingUsers.length < 2 ? avatarSize : avatarSize + 16,
+                  width: Avatar.defaultSize,
                   child: Stack(
                     children: [
                       if (typingUsers.isNotEmpty)