From 9a0147973d71e28fda44858ec8649a24bcb05ab2 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 2 Feb 2021 18:45:38 +0000
Subject: [PATCH] WORKING FILTER ICON!! WIDE ONLY SO FAR Layout needs fine
 tuning though

---
 ayanova/src/components/data-table.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/ayanova/src/components/data-table.vue b/ayanova/src/components/data-table.vue
index 55e06823..5173c324 100644
--- a/ayanova/src/components/data-table.vue
+++ b/ayanova/src/components/data-table.vue
@@ -66,13 +66,12 @@
             </tr>
           </template> -->
 
-        
           <!-- https://stackoverflow.com/a/58718975/8939 -->
           <template v-for="h in headers" v-slot:[`header.${h.value}`]>
-            <div :key="h.text">
-              <v-icon @click.stop="filter(h)">$ayiFilter</v-icon>
-              <span>{{ h.text }}</span>
-            </div>
+            <span :key="h.text">
+              <v-icon small @click.stop="filter(h)">$ayiFilter</v-icon>
+              {{ h.text }}
+            </span>
             <!-- <v-tooltip bottom :key="h.text">
               <template v-slot:activator="{ on }">
                 <span v-on="on">{{ h.text }}</span>