From 3101b19a490580174efa7080036e751ebccc2616 Mon Sep 17 00:00:00 2001 From: zoe Date: Mon, 26 Sep 2022 12:51:44 +0200 Subject: [PATCH] fix boost and like buttons ruining the layout --- lib/partials/post.dart | 70 +++++++++++++++++++++++++----------------- 1 file changed, 42 insertions(+), 28 deletions(-) diff --git a/lib/partials/post.dart b/lib/partials/post.dart index c25554b..ef285ed 100644 --- a/lib/partials/post.dart +++ b/lib/partials/post.dart @@ -309,40 +309,54 @@ class _PostActionBarState extends State { @override Widget build(BuildContext context) { return Wrap( - spacing: 8, + spacing: 24, + runSpacing: 24, + runAlignment: WrapAlignment.center, alignment: WrapAlignment.spaceAround, crossAxisAlignment: WrapCrossAlignment.center, children: [ - IconButton( - onPressed: () { - showDialog( - context: context, - builder: ((context) => MakePost( - inReplyTo: widget.model, - ))); - }, - icon: const Icon(Icons.reply), - tooltip: "reply".i18n(), - ), - InteractionButton( - model: widget.model, - type: interactions.InteractionType.reblog, - ), - InteractionButton( - model: widget.model, - type: interactions.InteractionType.favorite, - ), - IconButton( - tooltip: "show-in-full".i18n(), + SizedBox( + width: 64, + child: IconButton( onPressed: () { showDialog( - context: context, - builder: (context) => FullPostView( - originPostModel: widget.model, - ), - ); + context: context, + builder: ((context) => MakePost( + inReplyTo: widget.model, + ))); }, - icon: const Icon(Icons.open_in_full)), + icon: const Icon(Icons.reply), + tooltip: "reply".i18n(), + ), + ), + SizedBox( + width: 64, + child: InteractionButton( + model: widget.model, + type: interactions.InteractionType.reblog, + ), + ), + SizedBox( + width: 64, + child: InteractionButton( + model: widget.model, + type: interactions.InteractionType.favorite, + ), + ), + SizedBox( + width: 64, + child: IconButton( + tooltip: "show-in-full".i18n(), + onPressed: () { + showDialog( + context: context, + builder: (context) => FullPostView( + originPostModel: widget.model, + ), + ); + }, + icon: const Icon(Icons.open_in_full)), + ), IconButton( tooltip: "post-options".i18n(), onPressed: () {