From c5b46fd49307c58d914377450bf95cee1117d3ca Mon Sep 17 00:00:00 2001 From: Ayushya Amitabh Date: Tue, 6 Oct 2026 21:02:21 -0400 Subject: [PATCH] Avatar menu: same side inset as the Files list rows The card was inset 16px from each screen edge; the list rows are 12px, so it read as narrower. Now NooSpace.sm, with a test on the account row's width. Co-Authored-By: Claude Sonnet 5.5 --- lib/widgets/avatar_menu.dart | 4 +++- test/widgets/avatar_menu_test.dart | 4 ++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/lib/widgets/avatar_menu.dart b/lib/widgets/avatar_menu.dart index 898c88e..d20af01 100644 --- a/lib/widgets/avatar_menu.dart +++ b/lib/widgets/avatar_menu.dart @@ -79,7 +79,9 @@ class _AvatarMenuContentState extends State<_AvatarMenuContent> { child: SafeArea( bottom: false, child: Padding( - padding: const EdgeInsets.symmetric(horizontal: NooSpace.md), + // Same side inset as the Files list's rows (`NooSpace.sm`), so the + // card is as wide as the list beneath it. + padding: const EdgeInsets.symmetric(horizontal: NooSpace.sm), child: SizedBox( width: double.infinity, child: Container( diff --git a/test/widgets/avatar_menu_test.dart b/test/widgets/avatar_menu_test.dart index 6fc1dd9..f99a902 100644 --- a/test/widgets/avatar_menu_test.dart +++ b/test/widgets/avatar_menu_test.dart @@ -219,5 +219,9 @@ void main() { tester.getTopRight(row).dx - tester.getTopRight(avatar).dx, NooSpace.md, ); + // The card is as wide as the Files list's rows: inset NooSpace.sm from + // each screen edge, less its 1px border and 1px inner padding per side. + final screenWidth = tester.getSize(find.byType(MaterialApp)).width; + expect(tester.getSize(row).width, screenWidth - 2 * NooSpace.sm - 4); }); }