experimental css changes

components/SelfView.vue

@@ -61,16 +61,15 @@ const discard_unwrapped = ref(false)
             </div>
         </div>
         <div class="cards_container" id="self_hand">
+            <button v-if="isSelf && isTurn && props.player.hand.length > 1"
+                @click="playAllCards(props.player.hand as Card[])">
+                PLAY ALL
+            </button>
             <CardPreview :data="c" v-for="  c  in  props.player.hand  " @click="c && playCard(c)">
                 <button v-if="c && isSelf && isTurn" @click="playCard(c)">PLAY</button>
                 <button v-if="c && isSelf && isTurn && props.player.turn.discard_markers > 0"
                     @click="discard(c)">DISCARD</button>
             </CardPreview>
-
-            <button v-if="isSelf && isTurn && props.player.hand.length > 1"
-                @click="playAllCards(props.player.hand as Card[])">
-                PLAY ALL
-            </button>
         </div>
 
         <span>discard_markers = {{ props.player.turn.discard_markers }} <br></span>
@@ -118,7 +117,7 @@ const discard_unwrapped = ref(false)
         {{ props.player.discard_pile.length }}
         <input type="checkbox" v-model="discard_unwrapped" />
 
-        <CardPreview v-if="!discard_unwrapped" :data="props.player.discard_pile.at(-1) ?? null">
+        <CardPreview v-if="!discard_unwrapped" :data="props.player.discard_pile.at(-1)">
             <!-- <button v-if="isSelf && isTurn" @click="play_from_discard(props.player.discard_pile.at(-1))">DRAW</button>
             <button v-if="isSelf && isTurn" @click="put_on_stack_from_discard(props.player.discard_pile.at(-1))">PUT ON
                 STACK</button> -->
@@ -128,7 +127,7 @@ const discard_unwrapped = ref(false)
                 @click="useEffect(goStore.self!.turn.effects_availables.find(e => (e.effect == CardEffects.SACRIFICE) && e.usable)!, props.player.discard_pile.at(-1))">SACRIFICE</button>
         </CardPreview>
 
-        <template v-if="discard_unwrapped" v-for=" c  in  props.player.discard_pile  ">
+        <template v-if="discard_unwrapped" v-for="c in props.player.discard_pile  ">
             <CardPreview :data="c">
                 <!-- <button v-if="isSelf && isTurn" @click="play_from_discard(c)">DRAW</button>
                 <button v-if="isSelf && isTurn" @click="put_on_stack_from_discard(c)">PUT ON STACK</button>