Fix aligning close button to right

lib/widgets/chat_page/composer/relation_preview.dart

@@ -32,13 +32,18 @@ class RelationPreview extends ConsumerWidget {
       child: Row(
         spacing: 8,
         children: [
-          SizedBox(width: 4),
           if (relationType == RelationType.edit)
             Text(
               "Editing message:",
               style: TextStyle(fontWeight: FontWeight.bold),
             ),
+
           MessageAvatar(relatedMessage!),
+
+          Expanded(
+            child: Row(
+              spacing: 8,
+              children: [
                 Flexible(
                   child: MessageDisplayname(
                     relatedMessage!,
@@ -47,13 +52,18 @@ class RelationPreview extends ConsumerWidget {
                     ),
                   ),
                 ),
-          Flexible(
+                Expanded(
                   child: Text(
                     relatedMessage?.metadata?["body"] ??
-                  relatedMessage?.metadata?["eventType"],
+                        relatedMessage?.metadata?["eventType"] ??
-              overflow: TextOverflow.ellipsis,
+                        "",
-              style: theme.textTheme.labelMedium,
                     maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    softWrap: false,
+                    style: theme.textTheme.labelMedium,
+                  ),
+                ),
+              ],
             ),
           ),
 
@@ -68,11 +78,12 @@ class RelationPreview extends ConsumerWidget {
                 ),
               ),
             ),
+
           IconButton(
             tooltip:
                 "Cancel ${relationType == RelationType.edit ? "edit" : "reply"}",
             onPressed: onDismiss,
-            icon: Icon(Icons.close),
+            icon: const Icon(Icons.close),
             iconSize: 20,
           ),
         ],