From dba90cd1cecfd80e62919b707a7e1dfdbf331297 Mon Sep 17 00:00:00 2001
From: Daniel Tomlinson <dtomlinson@panaetius.co.uk>
Date: Wed, 17 Mar 2021 15:43:54 +0000
Subject: [PATCH] applying formatting

---
 src/views/DeckBuilder.vue | 102 ++++++++++++++++++--------------------
 1 file changed, 48 insertions(+), 54 deletions(-)

diff --git a/src/views/DeckBuilder.vue b/src/views/DeckBuilder.vue
index fa5254b..c97e49b 100644
--- a/src/views/DeckBuilder.vue
+++ b/src/views/DeckBuilder.vue
@@ -76,65 +76,59 @@
                   width="100%"
                 ></v-img>
               </div>
-              <div cols="12">
-                <!-- {{ index }} -->
-                <!-- {{ selected_shikigami_decks[index][index].length }} -->
-                <v-select
-                  v-model="selected_shikigami_decks[index][index]"
-                  v-on:input="limit_decks"
-                  :items="selected_shikigami_data[index].cards"
-                  item-text="name"
-                  item-value="id"
-                  chips
-                  multiple
-                  hint="Choose 8 cards for your deck."
-                  persistent-hint
-                  return-object
-                >
-                  <template v-slot:selection="{ data, pos }">
-                    <v-chip
-                      v-if="pos === 0"
-                      v-bind="data.attrs"
-                      :input-value="data.selected"
-                      close
-                      label
-                      @click="data.select"
-                      @click:close="remove_decks(index, data.index)"
-                      color="#04002E"
-                      >{{ data.item.name }}</v-chip
-                    >
-                    <span v-if="pos === 1" class="grey--text caption">
-                      (+{{ selected_shikigami_decks[index][index].length - 1 }}
-                      others)
-                    </span></template
-                  >
-                </v-select>
-              </div>
             </div>
           </v-col>
-          <v-col cols="10" class="d-flex align-center">
-            <div cols="12">
-              <!-- {{ selected_shikigami_decks[index][index] }} -->
-            </div>
-            <v-row cols="12" class="">
-                <v-card
-                  v-for="i in selected_shikigami_decks[index][index]"
-                  :key="i.id"
-                  width="12.4%"
-                  color="#070042"
-                  class=""
+          <v-col cols="10" class="d-flex flex-column"
+            ><v-row cols="12">
+              <!-- {{ index }} -->
+              <!-- {{ selected_shikigami_decks[index][index].length }} -->
+              <v-select
+                v-model="selected_shikigami_decks[index][index]"
+                v-on:input="limit_decks"
+                :items="selected_shikigami_data[index].cards"
+                item-text="name"
+                item-value="id"
+                chips
+                multiple
+                hint="Choose 8 cards for your deck."
+                persistent-hint
+                return-object
+                clearable
+              >
+                <template v-slot:selection="data">
+                  <v-chip
+                    v-bind="data.attrs"
+                    :input-value="data.selected"
+                    close
+                    label
+                    @click="data.select"
+                    @click:close="remove_decks(index, data.index)"
+                    color="#04002E"
+                    >{{ data.item.name }}</v-chip
+                  ></template
                 >
-                  <!-- <div class="text-center">
+              </v-select>
+            </v-row>
+            <!-- <div cols="12">
+              {{ selected_shikigami_decks[index][index] }}
+            </div> -->
+            <v-row cols="12">
+              <v-card
+                v-for="i in selected_shikigami_decks[index][index]"
+                :key="i.id"
+                width="12.3%"
+                color="#070042"
+              >
+                <!-- <div class="text-center">
                   {{ i.name }}
                 </div> -->
-                  <div class="">
-                    <v-img
-                      :src="require(`@/assets/deck_of_cards/${i.url}`)"
-                      class="deck-card"
-                    ></v-img></div
-                ></v-card>
-            </v-row>
-          </v-col>
+                <div class="">
+                  <v-img
+                    :src="require(`@/assets/deck_of_cards/${i.url}`)"
+                    class="deck-card"
+                  ></v-img></div
+              ></v-card> </v-row
+          ></v-col>
         </v-row>
       </v-card>
     </v-row>