From b3d68907dfec5db1273621164c2d2983c6c7a5d7 Mon Sep 17 00:00:00 2001
From: virada <virada.weera@mail.kmutt.ac.th>
Date: Wed, 13 Nov 2019 17:43:22 +0700
Subject: [PATCH] =?UTF-8?q?[FIX]=20FE=20button=20=E0=B9=83=E0=B8=99=20even?=
 =?UTF-8?q?t=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/eventCard.vue                  | 32 +++++++++++++------
 yarn.lock                                     |  4 +++
 2 files changed, 26 insertions(+), 10 deletions(-)
 create mode 100644 yarn.lock

diff --git a/nuxt-firebase-auth-master/components/eventCard.vue b/nuxt-firebase-auth-master/components/eventCard.vue
index 3e25300..00e90ff 100644
--- a/nuxt-firebase-auth-master/components/eventCard.vue
+++ b/nuxt-firebase-auth-master/components/eventCard.vue
@@ -37,11 +37,6 @@
               <v-icon size="20">alarm</v-icon>
               {{formatAMPM(event.eventStartDate)}}
             </v-flex>
-          <v-flex v-if="isOwner" class="text-xs-right">
-            <v-btn fab dark small color="#341646" @click="$emit('editEvent', event)">
-            <v-icon color="white" medium>poll</v-icon>
-          </v-btn>
-          </v-flex>            
           </v-layout> 
         </v-layout>     
          <!-- <span
@@ -54,12 +49,29 @@
           {{ location.detail===''?'Not have  yet...' :location.detail }}
           </div>
             </v-flex>           
-            <v-flex  v-if="isOwner" class="text-xs-right">
-               <v-btn fab dark small color="red" @click="$emit('deleteEvent', event)">
-                  <v-icon color="#fff" medium>delete</v-icon>
+          </v-layout>
+          <v-layout row wrap>
+           
+          <v-flex v-if="isOwner" xs6 >
+            <v-btn block dark  small color="#341646" @click="$emit('editEvent', event)">
+            <v-icon color="white" medium>poll</v-icon>
+             View Statistics
+          </v-btn>
+         
+
+            </v-flex>
+
+            <v-flex  xs6 v-if="isOwner" >
+               <v-btn block small   color="grey lighten-2" @click="$emit('deleteEvent', event)">
+                  <v-icon color="grey darken-1" medium>delete</v-icon>
+                  <b class="button">Delete Event </b>
                </v-btn>
+          
             </v-flex>
+
           </v-layout>
+
+
         <!-- {{event.location.province?event.location.province:'Thailand'}} -->
       </v-card-text>
     </v-slide-y-transition>
@@ -184,6 +196,7 @@ export default {
 }
 .eventDate {
   color: #341646;
+  
 }
 .eventMonth {
   font-size: 15px;
@@ -197,8 +210,7 @@ div.b {
  
 }
 .button{
-  margin-right: 2%;
-  margin-top: 45%;
+  color: darkgray;
 }
 
 .size{
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..fb57ccd
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+