diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 2ea28975..e37fde5a 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -47,7 +47,18 @@ All platforms and browsers
 	- Check about page localization code, is it firing in the right place because on Edge and iPad firefox it didn't show localized at first until a refresh so it fetched the keys but didn't display properly
 	- Calendar on iPad in two occasions with ff and opera the calendar date could not be selected until a time was changed then the date worked.  Before that it would always stay the same no matter what selection was made and the UI would not show a change on select or press of date either.
 	
-	- FORM MENU
+	- FORM MENU / NAVIGATION BAR / OVERFLOW MENU
+		- According to official specs:
+			- Nav bar should show where you are in the title part
+				- Name of form or object in nav bar itself, possibly an icon also indicating the item in question?
+			- It should change colour when in a sub screen and not the main screen with only a back button
+				- I like being able to go anywhere any time from the navigation menu so I'm not sure I can support only a back button, but I can see having a back button 
+				- I like it changing colour to indicate it's become contextual in the overflow and options
+				- So, when in any main view it's standard coloured but as soon as you're editing a record or in any form that demands a contextual menu item then it flips to black
+			- It should have the most used features surfaced adn the least in an overflow 3 dots menu to the far right.
+				- Search, save, whatever is most used on that form
+				- As the screen gets smaller items progressively move into the overflow until, at the smallest they are all in the overflow
+		- So what I'm reading is I should enable only one app bar at the top and morph it for states where appropriate
 		- Try to make a menu in the top bar APP.VUE and if not then explore options inside the form
 		- Is a fab appropriate for save and new the most common options??
 		- See the best way to do this, either in the very top bar or in somethign in the page itself
diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index 653edfa9..d18b6701 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -12,7 +12,7 @@
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar v-if="isAuthenticated" color="primary" dark fixed app>
+    <v-toolbar v-if="isAuthenticated" :color="contextAppBar.isContextual?'secondary':'primary'" dark fixed app>
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
         <v-avatar size="32px" tile>
@@ -48,6 +48,7 @@
 </template>
 
 <script>
+/*  xeslint-disable    */
 import aboutInfo from "./api/aboutinfo";
 
 export default {
@@ -77,6 +78,9 @@ export default {
     navItems() {
       return this.$store.state.navItems;
     },
+    contextAppBar() {
+      return this.$store.state.contextAppBar;
+    },
     copyright() {
       return aboutInfo.copyright;
     },
diff --git a/ayanova/src/store.js b/ayanova/src/store.js
index 4505b86b..6acd00a2 100644
--- a/ayanova/src/store.js
+++ b/ayanova/src/store.js
@@ -18,7 +18,12 @@ export default new Vuex.Store({
     roles: 0,
     localeText: {},
     navItems: [],
-    logArray: []
+    logArray: [],
+    contextAppBar: {
+      isContextual: false,
+      icon: "",
+      title: ""
+    }
   },
   mutations: {
     login(state, data) {
@@ -58,6 +63,12 @@ export default new Vuex.Store({
           state.logArray.length - MaxLogLength
         );
       }
+    },
+    setContextAppBar(state, data) {
+      state.contextAppBar = data;
+    },
+    setNonContextAppBar(state) {
+      state.contextAppBar = { isContextual: false };
     }
   },
   actions: {}
diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index 01745cfe..8013afc9 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -127,6 +127,7 @@ export default {
     ]);
   },
   created() {
+    this.$store.commit("setNonContextAppBar");
     this.clientInfo.version = aboutInfo.version;
     this.$gzapi
       .get("ServerInfo")
diff --git a/ayanova/src/views/Home.vue b/ayanova/src/views/Home.vue
index b2b84ce9..8cfc6dbd 100644
--- a/ayanova/src/views/Home.vue
+++ b/ayanova/src/views/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <HelloWorld/>  
+  <HelloWorld/>
 </template>
 
 <script>
@@ -8,6 +8,9 @@ import HelloWorld from "../components/HelloWorld";
 export default {
   components: {
     HelloWorld
+  },
+  created() {
+    this.$store.commit("setNonContextAppBar");
   }
 };
 </script>
diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue
index 2fddb6b6..a938afe2 100644
--- a/ayanova/src/views/inventory-widget-edit.vue
+++ b/ayanova/src/views/inventory-widget-edit.vue
@@ -171,6 +171,9 @@ export default {
       });
   },
   created() {
+    this.$store.commit("setContextAppBar", {
+      isContextual: true
+    });
     this.getDataFromApi();
   },
   components: {},
diff --git a/ayanova/src/views/inventory.vue b/ayanova/src/views/inventory.vue
index 4b5fbae6..676ea6bd 100644
--- a/ayanova/src/views/inventory.vue
+++ b/ayanova/src/views/inventory.vue
@@ -47,6 +47,9 @@ export default {
         this.$gzHandleFormError(err);
       });
   },
+  created() {
+    this.$store.commit("setNonContextAppBar");
+  },
   components: {
     WidgetList,
     WarehouseTop,
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index 72665165..2be8bb76 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -64,6 +64,9 @@ export default {
       errorBadCreds: false
     };
   },
+  created() {
+    this.$store.commit("setNonContextAppBar");
+  },
   methods: {
     login() {
       if (this.input.username != "" && this.input.password != "") {