diff --git a/lib/widgets/twake_components/twake_header.dart b/lib/widgets/twake_components/twake_header.dart index 87dc49f196..c8bdaac448 100644 --- a/lib/widgets/twake_components/twake_header.dart +++ b/lib/widgets/twake_components/twake_header.dart @@ -33,13 +33,13 @@ class TwakeHeader extends StatelessWidget builder: (context, selectMode, _) { return Align( alignment: TwakeHeaderStyle.alignment(context), - child: Padding( - padding: TwakeHeaderStyle.padding, - child: Row( - children: [ - if (!TwakeHeaderStyle.isDesktop(context)) - Expanded( - flex: TwakeHeaderStyle.flexActions, + child: Row( + children: [ + if (!TwakeHeaderStyle.isDesktop(context)) + Expanded( + flex: TwakeHeaderStyle.flexActions, + child: Padding( + padding: TwakeHeaderStyle.leadingPadding, child: Row( children: [ InkWell( @@ -82,21 +82,24 @@ class TwakeHeader extends StatelessWidget ], ), ), - Expanded( - flex: TwakeHeaderStyle.flexTitle, - child: Align( - alignment: Alignment.center, - child: Text( - L10n.of(context)!.chats, - style: Theme.of(context).textTheme.titleLarge?.copyWith( - color: Theme.of(context).colorScheme.onSurface, - ), - ), + ), + Expanded( + flex: TwakeHeaderStyle.flexTitle, + child: Align( + alignment: Alignment.center, + child: Text( + L10n.of(context)!.chats, + style: Theme.of(context).textTheme.titleLarge?.copyWith( + color: Theme.of(context).colorScheme.onSurface, + ), ), ), - if (!TwakeHeaderStyle.isDesktop(context)) - Expanded( - flex: TwakeHeaderStyle.flexActions, + ), + if (!TwakeHeaderStyle.isDesktop(context)) + Expanded( + flex: TwakeHeaderStyle.flexActions, + child: Padding( + padding: TwakeHeaderStyle.actionsPadding, child: Align( alignment: Alignment.centerRight, child: InkWell( @@ -122,8 +125,8 @@ class TwakeHeader extends StatelessWidget ), ), ), - ], - ), + ), + ], ), ); }, diff --git a/lib/widgets/twake_components/twake_header_style.dart b/lib/widgets/twake_components/twake_header_style.dart index aae4b6a5f7..4cbf5419c0 100644 --- a/lib/widgets/twake_components/twake_header_style.dart +++ b/lib/widgets/twake_components/twake_header_style.dart @@ -21,9 +21,14 @@ class TwakeHeaderStyle { : AlignmentDirectional.center; } - static const EdgeInsetsDirectional padding = EdgeInsetsDirectional.only( - end: 4, - start: 4, + static const EdgeInsetsDirectional actionsPadding = + EdgeInsetsDirectional.only( + end: 16, + ); + + static const EdgeInsetsDirectional leadingPadding = + EdgeInsetsDirectional.only( + start: 26, ); static const EdgeInsetsDirectional textButtonPadding =