make pmp via text smaller

lib/widgets/lazy_loading/message_displayname.dart

@@ -30,8 +30,12 @@ class MessageDisplayname extends ConsumerWidget {
                   globalPosition: details.globalPosition,
                 )
               : null,
-          child: Text(
+          child: Row(
-            "${membership.displayName ?? event.sender.localpart}${event.pmp == null ? "" : " (via ${event.sender})"}",
+            mainAxisSize: MainAxisSize.min,
+            spacing: 4,
+            children: [
+              Text(
+                membership.displayName ?? event.sender.localpart,
                 style:
                     style ??
                     TextStyle(
@@ -41,6 +45,17 @@ class MessageDisplayname extends ConsumerWidget {
                 maxLines: 1,
                 overflow: TextOverflow.ellipsis,
               ),
+
+              if (event.pmp != null)
+                Text(
+                  "(via ${event.sender})",
+                  style: Theme.of(context).textTheme.labelSmall?.copyWith(
+                    color: event.sender.colorHash,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+            ],
+          ),
         ),
         loading: () => Text(""),
       );