From 6338ed2aa4b84c1ce55e4af548398984147dcc92 Mon Sep 17 00:00:00 2001
From: Nero Ignis <neroignis@gmail.com>
Date: Thu, 30 Apr 2020 02:22:25 +0200
Subject: [PATCH] Change Cards

---
 css/app.css | 1 +
 index.htm   | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index 15fae28..85e1cd7 100644
--- a/css/app.css
+++ b/css/app.css
@@ -10,6 +10,7 @@ body {
 
 .playing-card {
     max-width: 100%;
+    margin: 10px;
 }
 
 #status {
diff --git a/index.htm b/index.htm
index fb91dfe..5cca0e5 100644
--- a/index.htm
+++ b/index.htm
@@ -72,16 +72,16 @@
                     <template v-if="!roundActive">({{ dealerScore }})</template>
                 </h4>
                 <div class="row">
-                    <div class="col-sm-2" v-for="(card, index) in dealersHand">
-                        <img :src="index > 0 ? card.asset : roundActive ? cardBack : card.asset" :alt="card.symbol + '_' + card.points" class="playing-card">
+                    <div class="col-sm-12">
+                        <img :src="index > 0 ? card.asset : roundActive ? cardBack : card.asset" :alt="card.symbol + '_' + card.points" class="playing-card" v-for="(card, index) in dealersHand">
                     </div>
                 </div>
             </div>
             <div class="col-md-12 hand">
                 <h4>Hand (Points: {{ handScore === 21 && usersHand.count < 2 ? 'BlackJack' : handScore > 21 ? 'Plus! ' + handScore : handScore }})</h4>
                 <div class="row">
-                    <div class="col-sm-2" v-for="card in usersHand">
-                        <img :src="card.asset" :alt="card.symbol + '_' + card.points" class="playing-card">
+                    <div class="col-sm-12">
+                        <img :src="card.asset" :alt="card.symbol + '_' + card.points" class="playing-card" v-for="card in usersHand">
                     </div>
                 </div>
             </div>