From 3539cb69228cb259f7d679c4fb9caf14fc2c0b4b Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Thu, 27 Mar 2025 22:29:36 +0100
Subject: [PATCH] fix(frontend): use correct flex direction for displaying
 multiple opponents

---
 frontend/src/views/Game/Main.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Game/Main.svelte b/frontend/src/views/Game/Main.svelte
index 6fad8a5..3f179d7 100644
--- a/frontend/src/views/Game/Main.svelte
+++ b/frontend/src/views/Game/Main.svelte
@@ -25,9 +25,9 @@
 {/snippet}
 
 <div class="game relative grid h-full grid-rows-[1fr_2fr_1fr]">
-    <div class="top">{@render OpponentCards($opponents.slice(0, perSide), 0)}</div>
+    <div class="top flex justify-center items-center flex-row gap-20">{@render OpponentCards($opponents.slice(0, perSide), 0)}</div>
     <div class="middle grid grid-cols-[1fr_300px_1fr]">
-        <div class="left flex justify-center items-center">
+        <div class="left flex justify-center items-center flex-col gap-20">
             {@render OpponentCards($opponents.slice(perSide, perSide * 2), -90)}
         </div>
         <div class="center grid grid-cols-2">
@@ -57,7 +57,7 @@
                 />
             </div>
         </div>
-        <div class="right flex justify-center items-center">
+        <div class="right flex justify-center items-center flex-col gap-20">
             {@render OpponentCards($opponents.slice(perSide * 2, perSide * 3), 90)}
         </div>
     </div>