From 9e361113d28568d24e7925d00e2513b433ce911e Mon Sep 17 00:00:00 2001
From: Fabian Freund <github@fabi.online>
Date: Sun, 16 Jun 2024 13:22:03 +0200
Subject: [PATCH] fixed text overflowing & slivers

---
 .../features/bangs/presentation/screens/list.dart  | 14 +++++++++-----
 .../bangs/presentation/widgets/bang_details.dart   | 14 +++++++++++---
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/app/lib/features/bangs/presentation/screens/list.dart b/app/lib/features/bangs/presentation/screens/list.dart
index 854bc001..cbb07bca 100644
--- a/app/lib/features/bangs/presentation/screens/list.dart
+++ b/app/lib/features/bangs/presentation/screens/list.dart
@@ -62,13 +62,17 @@ class BangListScreen extends HookConsumerWidget {
                 },
               );
             },
-            error: (error, stackTrace) => Center(
-              child: FailureWidget(
-                title: 'Failed to load Bangs',
-                exception: error,
+            error: (error, stackTrace) => SliverToBoxAdapter(
+              child: Center(
+                child: FailureWidget(
+                  title: 'Failed to load Bangs',
+                  exception: error,
+                ),
               ),
             ),
-            loading: () => const Center(child: CircularProgressIndicator()),
+            loading: () => const SliverToBoxAdapter(
+              child: Center(child: CircularProgressIndicator()),
+            ),
           ),
         ],
       ),
diff --git a/app/lib/features/bangs/presentation/widgets/bang_details.dart b/app/lib/features/bangs/presentation/widgets/bang_details.dart
index 967e6fc8..d2c3fbb3 100644
--- a/app/lib/features/bangs/presentation/widgets/bang_details.dart
+++ b/app/lib/features/bangs/presentation/widgets/bang_details.dart
@@ -91,9 +91,17 @@ class BangDetails extends HookConsumerWidget {
                     label: Text(bangData.domain),
                     icon: const Icon(Icons.open_in_new),
                   ),
-                  Text(
-                    '!${bangData.trigger}',
-                    style: theme.textTheme.titleSmall,
+                  const SizedBox(
+                    width: 8,
+                  ),
+                  Expanded(
+                    child: Text(
+                      '!${bangData.trigger}',
+                      style: theme.textTheme.titleSmall,
+                      textAlign: TextAlign.right,
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                    ),
                   ),
                 ],
               ),