From df757af7ec5e1df101e1550507380a8a61ce8f3e Mon Sep 17 00:00:00 2001
From: Felix Kirchner <felix.kirchner.fk@gmail.com>
Date: Sat, 9 May 2026 13:33:50 +0200
Subject: [PATCH] fix: choose tile alignment

---
 .../create_match/create_game_view.dart        | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/lib/presentation/views/main_menu/match_view/create_match/create_game_view.dart b/lib/presentation/views/main_menu/match_view/create_match/create_game_view.dart
index 274c960..3f4169e 100644
--- a/lib/presentation/views/main_menu/match_view/create_match/create_game_view.dart
+++ b/lib/presentation/views/main_menu/match_view/create_match/create_game_view.dart
@@ -288,13 +288,16 @@ class _CreateGameViewState extends State<CreateGameView> {
                       ),
                     ),
                     child: Row(
+                      spacing: 8,
                       children: [
                         Icon(getRulesetIcon(selectedRuleset!), size: 16),
-                        const SizedBox(width: 5),
-                        Text(
-                          translateRulesetToString(selectedRuleset!, context),
+                        Padding(
+                          padding: const EdgeInsets.only(right: 5),
+                          child: Text(
+                            translateRulesetToString(selectedRuleset!, context),
+                            textAlign: TextAlign.right,
+                          ),
                         ),
-                        const SizedBox(width: 5),
                         Transform.rotate(
                           angle: pi / 2,
                           child: const Icon(Icons.arrow_forward_ios, size: 16),
@@ -403,16 +406,20 @@ class _CreateGameViewState extends State<CreateGameView> {
                           Container(
                             width: 16,
                             height: 16,
-                            margin: const EdgeInsets.only(left: 12),
                             decoration: BoxDecoration(
                               color: getColorFromGameColor(selectedColor!),
                               shape: BoxShape.circle,
                             ),
                           ),
-                          Text(
-                            translateGameColorToString(selectedColor!, context),
+                          Padding(
+                            padding: const EdgeInsets.only(right: 5),
+                            child: Text(
+                              translateGameColorToString(
+                                selectedColor!,
+                                context,
+                              ),
+                            ),
                           ),
-                          const SizedBox(width: 5),
                           Transform.rotate(
                             angle: pi / 2,
                             child: const Icon(