From 2c113cc17d347719feb4a6e10270b980c8123886 Mon Sep 17 00:00:00 2001 From: vjrj Date: Sun, 12 Jul 2026 07:35:20 +0200 Subject: [PATCH] fix(inventory): move 'clear filters' to its own line below the chips Pinning it beside the horizontal scroll squeezed the chips into a narrow strip and clipped them under the edge fade (e.g. 'Comparto' cut off by the scroll arrow). Now the chips get the full width and 'clear filters' sits on its own line below, shown only when a filter is active. --- .../lib/ui/inventory_list_screen.dart | 25 +++++++++++-------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/apps/app_seeds/lib/ui/inventory_list_screen.dart b/apps/app_seeds/lib/ui/inventory_list_screen.dart index db1affd..a370eea 100644 --- a/apps/app_seeds/lib/ui/inventory_list_screen.dart +++ b/apps/app_seeds/lib/ui/inventory_list_screen.dart @@ -424,19 +424,22 @@ class _FilterBar extends StatelessWidget { ); if (!hasActiveFilter) return scroller; - // Pin "clear filters" outside the scroll so it's always visible — you - // shouldn't have to scroll past every chip to discover it exists. - return Row( + // Give the chips the full width, and drop "clear filters" onto its own + // line below — pinning it beside the scroll squeezed the chips and clipped + // them under the edge fade. + return Column( + crossAxisAlignment: CrossAxisAlignment.start, children: [ - Expanded(child: scroller), - const _FilterGroupDivider(), - TextButton.icon( - key: const Key('inventory.filter.clear'), - onPressed: cubit.clearFilters, - icon: const Icon(Icons.filter_alt_off_outlined, size: 18), - label: Text(t.inventory.clearFilters), + scroller, + Padding( + padding: const EdgeInsetsDirectional.only(start: 8), + child: TextButton.icon( + key: const Key('inventory.filter.clear'), + onPressed: cubit.clearFilters, + icon: const Icon(Icons.filter_alt_off_outlined, size: 18), + label: Text(t.inventory.clearFilters), + ), ), - const SizedBox(width: 4), ], ); }