msglist: Update message sender style and layout

Author: sirpengi

lib/widgets/message_list.dart

@@ -855,23 +855,30 @@ class MessageWithPossibleSender extends StatelessWidget {
 
     final Widget? senderRow = item.showSender
       ? Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          crossAxisAlignment: CrossAxisAlignment.baseline,
+          textBaseline: TextBaseline.alphabetic,
           children: [
-            GestureDetector(
-              onTap: () => Navigator.push(context,
-                ProfilePage.buildRoute(context: context,
-                  userId: message.senderId)),
-              child: Row(
-                children: [
-                  Avatar(size: 35, borderRadius: 4,
-                    userId: message.senderId),
-                  Text(message.senderFullName, // TODO get from user data
-                    style: const TextStyle(
-                      fontFamily: 'Source Sans 3',
-                      fontSize: 18,
-                      height: (22 / 18),
-                    ).merge(weightVariableTextStyle(context, wght: 600,
-                        wghtIfPlatformRequestsBold: 900))),
-                ])),
+            Flexible(
+              child: GestureDetector(
+                onTap: () => Navigator.push(context,
+                  ProfilePage.buildRoute(context: context,
+                    userId: message.senderId)),
+                child: Row(
+                  children: [
+                    Avatar(size: 32, borderRadius: 3,
+                      userId: message.senderId),
+                    const SizedBox(width: 8),
+                    Flexible(
+                      child: Text(message.senderFullName, // TODO get from user data
+                        style: const TextStyle(
+                          fontFamily: 'Source Sans 3',
+                          fontSize: 18,
+                          height: (22 / 18),
+                        ).merge(weightVariableTextStyle(context, wght: 600,
+                            wghtIfPlatformRequestsBold: 900)),
+                        overflow: TextOverflow.ellipsis)),
+                  ]))),
             Text(
               _kMessageTimestampFormat.format(
                 DateTime.fromMillisecondsSinceEpoch(1000 * message.timestamp)),