WORKING FILTER ICON!! WIDE ONLY SO FAR Layout needs fine tuning though

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>