diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 1ad384ef..e9d96a48 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -14,10 +14,7 @@ LISTVIEW REPLACE CURRENT <----HERE not THERE ---v
 (below this is all past for reference)
 	
 	TODO (now)
-	
-TODO: Test date and times both input properly but display in lists etc properly when switching zones
-	concern is I missed something about the timezone forced issue so need to see it works everywhree
-		
+
 		
 		CLIENT
 
diff --git a/ayanova/src/components/data-table.vue b/ayanova/src/components/data-table.vue
index 27fccae8..e1e18952 100644
--- a/ayanova/src/components/data-table.vue
+++ b/ayanova/src/components/data-table.vue
@@ -29,16 +29,31 @@
           data-cy="selectSavedFilter"
         >
         </v-select>
-
+        <!-- <template v-slot:header
+            ><div class="v-data-table-header-mobile__wrapper">
+              <v-select
+                v-model="mobileSelectedFilterColumn"
+                :items="headers"
+                item-text="text"
+                item-value="fk"
+                prepend-outer-icon="$ayiEdit"
+              >
+              </v-select>
+            </div>
+          </template> -->
         <v-spacer></v-spacer>
         <div>
           <v-btn @click="refresh">
             <v-icon data-cy="refresh">$ayiSync</v-icon>
           </v-btn>
 
-          <!-- <v-btn class="ml-6" @click="refresh">
-            <v-icon data-cy="refresh">$ayiBell</v-icon>
-          </v-btn> -->
+          <v-btn
+            v-if="$vuetify.breakpoint.xs"
+            class="ml-6"
+            @click="refresh"
+          >
+            <v-icon data-cy="refresh">$ayiFilter</v-icon>
+          </v-btn>
           <v-btn class="ml-6" @click="editColumnView">
             <v-icon data-cy="filter">$ayiColumns</v-icon>
           </v-btn>
@@ -50,7 +65,11 @@
       >
         {{ $ay.t("NoData") }}
       </div>
-      <!-- WIDE TABLE VIEW -->
+      <!-- 
+        ################################################################################################################################################
+        WIDE TABLE VIEW 
+        ################################################################################################################################################
+        -->
       <template v-if="$vuetify.breakpoint.smAndUp">
         <v-data-table
           :headers="headers"
@@ -206,7 +225,11 @@
           </template>
         </v-data-table>
       </template>
-      <!-- MOBILE TABLE VIEW -->
+      <!-- 
+        ########################################################################
+        MOBILE TABLE VIEW 
+        ########################################################################
+        -->
       <template v-else>
         <v-data-table
           :headers="headers"
@@ -230,6 +253,23 @@
           class="elevation-1"
           data-cy="datatable"
         >
+          <!-- <template v-for="h in headers" v-slot:[`header.${h.value}`]>
+            <span :key="h.text">
+              <v-btn icon @click.stop="filter(h)" class="ml-n8 mr-1"
+                ><v-icon :color="filterColor(h)">$ayiFilter</v-icon></v-btn
+              >
+              {{ h.text }}
+            </span>
+          </template> -->
+          <!-- <template v-slot:top>
+            <div>
+              TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP
+              <br />
+              TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP
+            </div>
+          </template> -->
+          <!-- <template v-slot:header="{ props }"> -->
+
           <template v-slot:body="{ items }">
             <v-row>
               <v-col
@@ -395,6 +435,7 @@ export default {
       selectLists: {
         savedFilters: []
       },
+      mobileSelectedFilterColumn: null,
       headers: [],
       serverColumns: [],
       serverFilter: [],