diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 2273c5b8..34a434fe 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -44,6 +44,13 @@ CURRENT TODOs
 
 @@@@@@@@@@@ ROADMAP STAGE 1 and 2:
 
+
+todo: datatable activation of layout for narrow format is fucked. Layout not starting narrow for grid much fuckery
+	- It would not start narrow when I first opened it on my phone, then had all sorts of issues staying wide for no apparent reason after navigation back and forth
+	- Narrow detection on initial entry is bad and recognizing it during switch is also bad
+todo: custom fields currency type control NOT implement yet, are there others too?
+todo: apparently I can change the buttons to display the text not uppercase with class="text-none" or something
+	- https://github.com/vuetifyjs/vuetify/issues/3948
 todo: save (post) of new record at client triggers renavigation to that page again which also triggers fetch
 	- original:
 		- So what's the point of returning the full record on post?  
diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index 83f41d28..8a64d545 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -23,7 +23,7 @@
         {{ lt("NoData") }}
       </div>
       <!-- WIDE TABLE VIEW -->
-      <template v-if="!narrowFormat">
+      <template v-if="$vuetify.breakpoint.smAndUp">
         <v-data-table
           :headers="headers"
           :items="records"
@@ -34,7 +34,6 @@
           :disable-sort="true"
           :show-select="showSelect"
           :single-select="singleSelect"
-          :hide-default-header="narrowFormat"
           :footer-props="{
             showCurrentPage: true,
             showFirstLastPage: true,
@@ -153,7 +152,6 @@
           :disable-sort="true"
           :show-select="showSelect"
           :single-select="singleSelect"
-          :hide-default-header="narrowFormat"
           :footer-props="{
             showCurrentPage: true,
             showFirstLastPage: true,
@@ -322,8 +320,7 @@ export default {
       totalRecords: 0,
       records: [],
       rowsPerPageItems: [5, 10, 25, 50, 100],
-      selected: [],
-      narrowFormat: false
+      selected: []
     };
   },
   props: {
@@ -353,9 +350,6 @@ export default {
       if (newValue.length != oldValue.length) {
         this.handleSelectChange();
       }
-    },
-    "$vuetify.breakpoint.xs": function(value) {
-      this.narrowFormat = value;
     }
   },
   methods: {