From 87f42d6eafa83a5c3c26eb860ee59d27ac99fe90 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 17 Jun 2020 17:50:20 +0200
Subject: [PATCH] - Fixed typo, spacing issues, and cursor pointer on card
 layout

---
 client/src/components/spells/add-spell-card.vue  |  2 +-
 client/src/components/spells/edit-spell-card.vue |  2 +-
 client/src/components/spells/spell-card.vue      | 11 ++++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/src/components/spells/add-spell-card.vue b/client/src/components/spells/add-spell-card.vue
index 32d05ea..bc46da1 100644
--- a/client/src/components/spells/add-spell-card.vue
+++ b/client/src/components/spells/add-spell-card.vue
@@ -55,7 +55,7 @@
                     <input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost">
                 </div>
                 <div class="form-group">
-                    <label for="spell_variables" class="font-weight-bold col-form-label">Variables(s)&nbsp;:</label>
+                    <label for="spell_variables" class="font-weight-bold col-form-label">Variable(s)&nbsp;:</label>
                     <select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.variables">
                         <option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option>
                     </select>
diff --git a/client/src/components/spells/edit-spell-card.vue b/client/src/components/spells/edit-spell-card.vue
index ccb7b98..2ad4c2d 100644
--- a/client/src/components/spells/edit-spell-card.vue
+++ b/client/src/components/spells/edit-spell-card.vue
@@ -51,7 +51,7 @@
                     <input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost">
                 </div>
                 <div class="form-group">
-                    <label for="spell_variables" class="font-weight-bold col-form-label">Variables(s)&nbsp;:</label>
+                    <label for="spell_variables" class="font-weight-bold col-form-label">Variable(s)&nbsp;:</label>
                     <select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.spell_variable_ids_value">
                         <option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option>
                     </select>
diff --git a/client/src/components/spells/spell-card.vue b/client/src/components/spells/spell-card.vue
index d964bcb..5e70f33 100644
--- a/client/src/components/spells/spell-card.vue
+++ b/client/src/components/spells/spell-card.vue
@@ -24,7 +24,7 @@
             </div>
 
             <div v-if="spell.ingredients.length>0" class="small">
-                <span class="font-weight-bold">Nécessite</span>
+                <span class="font-weight-bold">Nécessite </span>
                 <span v-for="(ingredient,index) in spell.ingredients" :key="index">
                     <span v-if="index!=0">, </span>
                     <span>{{ingredient.name}}</span>
@@ -53,14 +53,14 @@
                         <span> = {{variable.description}}</span>
                     </span>
                 </div>
-                <div class="text-right">
+                <footer class="text-right">
                     <a class="h5 text-secondary mr-1">
                         <i class="mad" @click="editSpell(spell)">edit</i>
                     </a>
                     <a class="h5 text-danger">
                         <i class="mad" @click="deleteSpell(spell)">delete</i>
                     </a>
-                </div>
+                </footer>
             </div>
         </div>
     </div>
@@ -101,6 +101,11 @@ export default {
 
 <style lang="scss" scoped>
   .spell-card {
+    footer {
+      a {
+        cursor: pointer;
+      }
+    }
     @mixin colorschool($sname,$scolor) {
       &.#{$sname} {
         .spellcard { border-left-color: $scolor; }