ayanova/src/App.vue

@@ -3,7 +3,8 @@
     <gznotify ref="gznotify"></gznotify>
     <gzconfirm ref="gzconfirm"></gzconfirm>
     <!-- <gzreportselector ref="gzreportselector"></gzreportselector> -->
-    <!-- Width of nav drawer set to allow widest translated text menu item to show which is spanish client service requests item -->
+    <!-- Width of nav drawer set to allow widest translated text menu item to show which is spanish client service requests item 
+    and also leave a tiny space to click on outside of nav for galaxy 9 phone (narrowest width supported device) -->
     <v-navigation-drawer
       v-if="isAuthenticated"
       v-model="drawer"
@@ -13,18 +14,10 @@
     >
       <template v-slot:prepend>
         <div class="subtitle-2 primary--text pt-2 pl-4">
-        {{ $store.state.userName }}
+          {{ $store.state.userName }}
         </div>
-        <!-- <v-list-item>          
-          <v-list-item-content>
-            <v-list-item-title>{{ $store.state.userName }}</v-list-item-title>
-          </v-list-item-content>
-        </v-list-item> -->
       </template>
-      <!-- 
-     mini-variant
-      mini-variant-width="60"
-    -->
+
       <v-list>
         <template v-for="item in navItems">
           <!-- TOP LEVEL can be holders or actions -->
@@ -233,14 +226,12 @@
 import ayaNovaVersion from "./api/ayanova-version";
 import gzconfirm from "./components/gzconfirm";
 import gznotify from "./components/gznotify";
-//import gzreportselector from "./components/report-selector-control";
 import openObjectHandler from "./api/open-object-handler";
 
 export default {
   components: {
     gzconfirm,
     gznotify
-    //,gzreportselector
   },
   data() {
     return {