fix: File event design

lib/pages/chat/events/audio_player.dart

@@ -8,6 +8,7 @@ import 'package:just_audio/just_audio.dart';
 import 'package:matrix/matrix.dart';
 import 'package:path_provider/path_provider.dart';
 
+import 'package:fluffychat/config/app_config.dart';
 import 'package:fluffychat/utils/localized_exception_extension.dart';
 import '../../../utils/matrix_sdk_extensions.dart/event_extension.dart';
 
@@ -169,10 +170,11 @@ class AudioPlayerState extends State<AudioPlayerWidget> {
   Widget build(BuildContext context) {
     final statusText = this.statusText ??= _durationString ?? '00:00';
     return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 6.0),
+      padding: EdgeInsets.all(16 * AppConfig.bubbleSizeFactor),
       child: Row(
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
+          const SizedBox(width: 4),
           SizedBox(
             width: buttonSize,
             height: buttonSize,

lib/pages/chat/events/message.dart

@@ -100,9 +100,13 @@ class Message extends StatelessWidget {
     final noBubble = {
           MessageTypes.Video,
           MessageTypes.Image,
-          MessageTypes.Sticker,
+          MessageTypes.Sticker
         }.contains(event.messageType) &&
         !event.redacted;
+    final noPadding = {
+      MessageTypes.File,
+      MessageTypes.Audio,
+    }.contains(event.messageType);
 
     if (ownMessage) {
       color = displayEvent.status.isError
@@ -187,7 +191,7 @@ class Message extends StatelessWidget {
                       borderRadius:
                           BorderRadius.circular(AppConfig.borderRadius),
                     ),
-                    padding: noBubble
+                    padding: noBubble || noPadding
                         ? EdgeInsets.zero
                         : EdgeInsets.all(16 * AppConfig.bubbleSizeFactor),
                     constraints: const BoxConstraints(

lib/pages/chat/events/message_download_content.dart

@@ -51,8 +51,10 @@ class MessageDownloadContent extends StatelessWidget {
                   )
                 : null,
           ),
-          const Divider(),
-          Row(
+          const Divider(height: 1),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8),
+            child: Row(
               children: [
                 Text(
                   filetype,
@@ -70,6 +72,7 @@ class MessageDownloadContent extends StatelessWidget {
                   ),
               ],
             ),
+          ),
         ],
       ),
     );