From 84efa5f654b870bd4c5bb39c7cba4936a5a8edb8 Mon Sep 17 00:00:00 2001
From: Joe Wroten <joe.wroten@q2ebanking.com>
Date: Thu, 18 May 2017 22:53:02 -0500
Subject: [PATCH] Yellow highlight to checked spells

---
 src/components/Spellitem.vue | 2 +-
 src/components/Spelllist.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Spellitem.vue b/src/components/Spellitem.vue
index a530434..5184d6f 100644
--- a/src/components/Spellitem.vue
+++ b/src/components/Spellitem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-bind:class="{'checked': checked}">
     <div class="item-primary">
       {{level}}
     </div>
diff --git a/src/components/Spelllist.vue b/src/components/Spelllist.vue
index 041981c..fe65cf2 100644
--- a/src/components/Spelllist.vue
+++ b/src/components/Spelllist.vue
@@ -69,6 +69,10 @@ export default {
 </script>
 
 <style lang="stylus">
-.toolbar > .q-picker-textfield
-  margin: 0 .75em
+  .toolbar > .q-picker-textfield
+    margin: 0 .75em
+  .list.striped .item:nth-child(2n).checked
+    background: #fff9c4
+  .list.striped .item:nth-child(2n+1).checked
+    background: #fffde7
 </style>