alter text alignment and icon sizes treewide

lib/widgets/renderers/event.dart

@@ -209,7 +209,7 @@ class const EventRenderer(
     return Column(
       crossAxisAlignment: .start,
       children: [
-        if (child != null) ...[
+        if (child != null)
           if (textOnly)
             child
           else ...[
@@ -299,8 +299,8 @@ class const EventRenderer(
                   ),
                 ),
             ].map((child) => Padding(padding: .only(left: 4), child: child)),
-          ],
-        ] else if (textOnly)
+          ]
+        else if (textOnly)
           Text("Unknown event type", style: errorStyle),
       ],
     );

lib/widgets/renderers/message.dart

@@ -148,7 +148,7 @@ class const MessageRenderer(
     return Row(
       crossAxisAlignment: .start,
       mainAxisSize: .min,
-      spacing: 8,
+      spacing: 6,
       children: [
         if (!textOnly)
           if (isGrouped)
@@ -157,7 +157,7 @@ class const MessageRenderer(
             MessageAvatar(event, height: 40),
         Flexible(
           child: Column(
-            spacing: 4,
+            spacing: 2,
             crossAxisAlignment: .start,
             children: [
               if (!isGrouped && !textOnly)