diff --git a/lib/pages/home/widgets/home_grid_header.dart b/lib/pages/home/widgets/home_grid_header.dart index d61bf94..8e52343 100644 --- a/lib/pages/home/widgets/home_grid_header.dart +++ b/lib/pages/home/widgets/home_grid_header.dart @@ -98,7 +98,7 @@ class HomeGridHeader extends StatelessWidget { AppDimens.homeSearchPrimaryGap, ), child: Row( - crossAxisAlignment: CrossAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.start, children: [ Expanded( @@ -318,7 +318,7 @@ class HomeGridHeader extends StatelessWidget { key: const Key('home-secondary-tags'), scrollDirection: Axis.horizontal, child: Row( - crossAxisAlignment: CrossAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.start, children: [ for (final tag in tags) ...[ @@ -332,8 +332,9 @@ class HomeGridHeader extends StatelessWidget { const SizedBox(width: AppDimens.homeSecondaryFilterGap), Tooltip( message: l10n.filter, - child: SizedBox.square( - dimension: AppDimens.tapTarget, + child: SizedBox( + width: AppDimens.tapTarget, + height: AppDimens.homeSecondaryFilterVisualSize, child: Material( color: AppColors.transparent, child: InkWell( @@ -341,6 +342,7 @@ class HomeGridHeader extends StatelessWidget { onTap: callbacks.onOpenFilter, child: Center( child: SizedBox.square( + key: const Key('home-secondary-filter-visual'), dimension: AppDimens.homeSecondaryFilterVisualSize, child: const Center( child: CustomPaint( diff --git a/test/home/home_preview_layout_test.dart b/test/home/home_preview_layout_test.dart index 17bc0a6..347d66d 100644 --- a/test/home/home_preview_layout_test.dart +++ b/test/home/home_preview_layout_test.dart @@ -96,7 +96,15 @@ void main() { expect(find.byKey(const Key('home-grid-filter')), findsOneWidget); expect( tester.getSize(find.byKey(const Key('home-grid-filter'))), - const Size.square(AppDimens.tapTarget), + const Size(AppDimens.tapTarget, AppDimens.homeSecondaryFilterVisualSize), + ); + expect( + tester.getSize(find.byKey(const Key('home-secondary-filter-visual'))), + const Size.square(AppDimens.homeSecondaryFilterVisualSize), + ); + expect( + tester.getCenter(find.byKey(const Key('home-grid-filter'))).dy, + closeTo(tester.getCenter(find.byKey(const Key('home-tag-hot'))).dy, 0.1), ); final filterIcon = tester.widget( find.byKey(const Key('home-secondary-filter-icon')),