diff --git a/lib/presentation/views/main_menu/create_group/create_group_view.dart b/lib/presentation/views/main_menu/create_group/create_group_view.dart index 907671b..823b6ff 100644 --- a/lib/presentation/views/main_menu/create_group/create_group_view.dart +++ b/lib/presentation/views/main_menu/create_group/create_group_view.dart @@ -70,7 +70,11 @@ class _CreateGroupViewState extends State { decoration: InputDecoration( filled: true, fillColor: CustomTheme.boxColor, - hint: Text("Group name", style: TextStyle(fontSize: 18)), + hint: Text( + "Group name", + overflow: TextOverflow.ellipsis, + style: TextStyle(fontSize: 18), + ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(12)), borderSide: BorderSide(color: CustomTheme.boxBorder), @@ -161,11 +165,14 @@ class _CreateGroupViewState extends State { mainAxisSize: MainAxisSize.min, children: [ SizedBox(width: 12), - Text( - selectedPlayer.name, - style: const TextStyle( - fontSize: 14, - fontWeight: FontWeight.w500, + Flexible( + child: Text( + selectedPlayer.name, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + fontSize: 14, + fontWeight: FontWeight.w500, + ), ), ), SizedBox(width: 3), @@ -277,11 +284,14 @@ class _CreateGroupViewState extends State { MainAxisAlignment.spaceBetween, mainAxisSize: MainAxisSize.max, children: [ - Text( - suggestedPlayers[index].name, - style: TextStyle( - fontSize: 16, - fontWeight: FontWeight.w500, + Flexible( + child: Text( + suggestedPlayers[index].name, + overflow: TextOverflow.ellipsis, + style: TextStyle( + fontSize: 16, + fontWeight: FontWeight.w500, + ), ), ), IconButton( diff --git a/lib/presentation/widgets/tiles/group_tile.dart b/lib/presentation/widgets/tiles/group_tile.dart index 448c68c..12d016e 100644 --- a/lib/presentation/widgets/tiles/group_tile.dart +++ b/lib/presentation/widgets/tiles/group_tile.dart @@ -24,24 +24,29 @@ class GroupTile extends StatelessWidget { Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Text( - group.name, - overflow: TextOverflow.ellipsis, - style: const TextStyle( - fontWeight: FontWeight.bold, - fontSize: 18, + Flexible( + child: Text( + group.name, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + fontWeight: FontWeight.bold, + fontSize: 18, + ), ), ), - const Spacer(), - Text( - '${group.members.length}', - style: const TextStyle( - fontWeight: FontWeight.w900, - fontSize: 18, - ), + Row( + children: [ + Text( + '${group.members.length}', + style: const TextStyle( + fontWeight: FontWeight.w900, + fontSize: 18, + ), + ), + const SizedBox(width: 3), + const Icon(Icons.group, size: 22), + ], ), - const SizedBox(width: 3), - const Icon(Icons.group, size: 22), ], ), const SizedBox(height: 5), @@ -64,6 +69,7 @@ class GroupTile extends StatelessWidget { child: Skeleton.ignore( child: Text( member.name, + overflow: TextOverflow.ellipsis, style: const TextStyle( fontSize: 14, fontWeight: FontWeight.bold,