From c13f9de65ec01341196e4addf92e0ccb04d0b46e Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Thu, 2 May 2024 23:27:00 +0200
Subject: [PATCH] new layout for stack and discard

---
 components/PlayerSlot.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/components/PlayerSlot.vue b/components/PlayerSlot.vue
index 1ded9b9..de4b183 100644
--- a/components/PlayerSlot.vue
+++ b/components/PlayerSlot.vue
@@ -111,20 +111,30 @@ const discard_unwrapped = ref(false)
             </CardPreview>
         </div>
 
+        <div class="stack_and_discard">
+            <CardSlot :stack="props.player.stack_pile">
+                <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
+            </CardSlot>
+            <div class="separator"></div>
+            <div class="separator"></div>
 
-        <CardSlot :stack="props.player.stack_pile">
-            <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
-        </CardSlot>
+            <CardSlot :stack="props.player.discard_pile">
 
+            </CardSlot>
+        </div>
 
-        <CardSlot :stack="props.player.discard_pile">
-
-        </CardSlot>
 
     </div>
 </template>
 
 <style scoped>
+.stack_and_discard {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: center;
+
+}
+
 .player {
     border-top: 5px solid black;
 }