From ec7417fef5ef752618200e8cb997d09103d62698 Mon Sep 17 00:00:00 2001 From: flemming-it Date: Sun, 24 May 2026 21:40:06 +0200 Subject: [PATCH] fix(store): wrap docs-panel hint in Expanded to prevent overflow The 'Documentation' row in the module-detail sheet showed a RenderFlex horizontal overflow when the sheet is narrow (~340dp on mobile/portrait). The Row had: [Button] [Spacer] [Text(hint)] without any Expanded/Flexible wrapper, so the hint text could not break and pushed past the right edge. Fix: wrap the hint Text in Expanded. Text now wraps to a second line at narrow widths instead of overflowing. Also explicitly set crossAxisAlignment.center so the wrapped text visually aligns with the button on a single baseline. Signed-off-by: flemming-it --- lib/pages/store.dart | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/lib/pages/store.dart b/lib/pages/store.dart index 2e39942..1db988e 100644 --- a/lib/pages/store.dart +++ b/lib/pages/store.dart @@ -2465,7 +2465,12 @@ class _DocsPanel extends StatelessWidget { final theme = Theme.of(context); final l = AppLocalizations.of(context)!; if (future == null) { + // Row im Modul-Detail-Sheet kann eng werden (~340 dp). + // Hint-Text wird in Expanded gewrappt damit er bricht + // statt zu overflowen (CrossAxisAlignment.center hält die + // Optik mit dem Button auf einer Höhe). return Row( + crossAxisAlignment: CrossAxisAlignment.center, children: [ OutlinedButton.icon( onPressed: onLoad, @@ -2473,10 +2478,12 @@ class _DocsPanel extends StatelessWidget { label: Text(l.storeLoadDocs), ), const SizedBox(width: FaiSpace.sm), - Text( - l.storeDocsHint, - style: theme.textTheme.bodySmall?.copyWith( - color: theme.colorScheme.onSurfaceVariant, + Expanded( + child: Text( + l.storeDocsHint, + style: theme.textTheme.bodySmall?.copyWith( + color: theme.colorScheme.onSurfaceVariant, + ), ), ), ],