diff --git a/lib/src/file_attachment.dart b/lib/src/file_attachment.dart index ca51bf76..303b2b25 100644 --- a/lib/src/file_attachment.dart +++ b/lib/src/file_attachment.dart @@ -72,6 +72,7 @@ class _FileAttachmentState extends State { : null, ), child: Row( + crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( child: _getFileTypeImage(), @@ -79,9 +80,7 @@ class _FileAttachmentState extends State { width: 33.33, margin: EdgeInsets.all(8.0), ), - SizedBox( - width: 6.0, - ), + SizedBox(width: 8.0), Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.center, @@ -93,32 +92,36 @@ class _FileAttachmentState extends State { maxLines: 1, overflow: TextOverflow.ellipsis, ), - SizedBox( - height: 3.0, - ), + SizedBox(height: 3.0), Text( '${getSizeText(widget.attachment.extraData['file_size'])}', - style: StreamChatTheme.of(context).textTheme.body.copyWith( - color: StreamChatTheme.of(context) - .colorTheme - .black - .withOpacity(0.5)), + style: StreamChatTheme.of(context) + .textTheme + .footnote + .copyWith( + color: StreamChatTheme.of(context) + .colorTheme + .black + .withOpacity(0.5)), ), ], ), ), - Column( - children: [ - widget.trailing ?? - IconButton( - icon: StreamSvgIcon.cloud_download( - color: StreamChatTheme.of(context).colorTheme.black, - ), - onPressed: () { - launchURL(context, widget.attachment.assetUrl); - }, + SizedBox(width: 8.0), + Material( + type: MaterialType.transparency, + child: widget.trailing ?? + IconButton( + icon: StreamSvgIcon.cloud_download( + color: StreamChatTheme.of(context).colorTheme.black, ), - ], + padding: const EdgeInsets.all(8), + visualDensity: VisualDensity.compact, + splashRadius: 16, + onPressed: () { + launchURL(context, widget.attachment.assetUrl); + }, + ), ), ], ),