diff --git a/lib/presentation/widgets/tiles/match_tile.dart b/lib/presentation/widgets/tiles/match_tile.dart index 5727c71..eb82927 100644 --- a/lib/presentation/widgets/tiles/match_tile.dart +++ b/lib/presentation/widgets/tiles/match_tile.dart @@ -79,26 +79,6 @@ class _MatchTileState extends State { ], ), - const SizedBox(height: 4), - - Container( - decoration: BoxDecoration( - color: CustomTheme.primaryColor, - borderRadius: BorderRadius.circular(8), - ), - padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8), - child: Text( - translateRulesetToString(match.game.ruleset, context), - style: const TextStyle( - fontSize: 12, - color: Colors.white, - fontWeight: FontWeight.bold, - ), - ), - ), - - const SizedBox(height: 8), - if (group != null) ...[ Row( children: [ @@ -113,7 +93,7 @@ class _MatchTileState extends State { ), ], ), - const SizedBox(height: 12), + const SizedBox(height: 4), ] else if (widget.compact) ...[ Row( children: [ @@ -128,9 +108,66 @@ class _MatchTileState extends State { ), ], ), - const SizedBox(height: 12), + const SizedBox(height: 6), + ] else ...[ + const SizedBox(height: 8), ], + // Game + Ruleset Badge + IntrinsicHeight( + child: Row( + mainAxisSize: MainAxisSize.min, + children: [ + // Game + Container( + decoration: BoxDecoration( + color: CustomTheme.primaryColor.withAlpha(200), + borderRadius: const BorderRadius.only( + topLeft: Radius.circular(8), + bottomLeft: Radius.circular(8), + ), + ), + padding: const EdgeInsets.symmetric( + vertical: 4, + horizontal: 8, + ), + child: Text( + match.game.name, + style: const TextStyle( + fontSize: 12, + color: Colors.white, + fontWeight: FontWeight.bold, + ), + ), + ), + // Ruleset + Container( + decoration: BoxDecoration( + color: CustomTheme.primaryColor.withAlpha(120), + borderRadius: const BorderRadius.only( + topRight: Radius.circular(8), + bottomRight: Radius.circular(8), + ), + ), + padding: const EdgeInsets.symmetric( + vertical: 4, + horizontal: 8, + ), + child: Text( + translateRulesetToString(match.game.ruleset, context), + style: const TextStyle( + fontSize: 12, + color: Colors.white, + fontWeight: FontWeight.bold, + ), + ), + ), + ], + ), + ), + + const SizedBox(height: 12), + if (match.mvp.isNotEmpty) ...[ Container( padding: const EdgeInsets.symmetric(