From a68017a134141418de592eed6a5d85cfb31ea9af Mon Sep 17 00:00:00 2001
From: Erastus Amunwe <eneamunwe@gmail.com>
Date: Tue, 10 Nov 2020 13:51:04 +0200
Subject: [PATCH] added card

---
 src/components/Verses.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Verses.vue b/src/components/Verses.vue
index 9eddeef..f5bc3a1 100644
--- a/src/components/Verses.vue
+++ b/src/components/Verses.vue
@@ -1,6 +1,8 @@
 <template >
     <div v-if="verses.length">
-        {{search.toLowerCase() + fverses.length}}
+        <!-- {{search.toLowerCase() + fverses.length}} -->
+        <br />
+        <div class="uk-card uk-card-default uk-card-body uk-width-1-1">
     <ul :dir="dir" 
      class="uk-margin-medium-top uk-list uk-list-divider uk-animation-hover">
         <li  v-for="(verse, i) in pverses" :key="i" 
@@ -17,7 +19,7 @@
             <p></p>
         </li>
     </ul>
-
+        </div>
     <div class="uk-position-small uk-position-center-left uk-overlay uk-overlay-default">
         <span @click="prevV" class="uk-icon-button" uk-icon="icon:chevron-left; ratio:2"></span>
 </div>