Add Prepare button

components/SelfView.vue

@@ -82,6 +82,11 @@ const discard_unwrapped = ref(false)
                     :disabled="!goStore.self || !c || c.uuid in goStore.self?.turn.cards_locked"
                     @click="useEffect(goStore.self!.turn.effects_availables.find(e => (e.effect == CardEffects.SACRIFICE) && e.usable)!, c)">SACRIFICE</button>
 
+                <button
+                    v-if="isTurn && goStore.self?.turn.effects_availables.some(e => (e.effect == CardEffects.PREPARE) && e.usable) && c.card_type == CardType.CHAMPION"
+                    :disabled="!goStore.self || !c || !(c.uuid in goStore.self?.turn.cards_locked)"
+                    @click="useEffect(goStore.self!.turn.effects_availables.find(e => (e.effect == CardEffects.PREPARE) && e.usable)!, c)">PREPARE</button>
+
 
                 <div>{{ c.health_as_champion }}</div>
 
@@ -116,9 +121,6 @@ const discard_unwrapped = ref(false)
                 </div>
             </div>
 
-            <div class="separator"></div>
-            <div class="separator"></div>
-
             <CardSlot :stack="goStore.self?.stack_pile">
                 <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
             </CardSlot>
@@ -190,4 +192,8 @@ const discard_unwrapped = ref(false)
     transform: translateY(-40px);
 
 }
+
+.cards_container {
+    min-width: 250px;
+}
 </style>