ayanova/devdocs/todo.txt

@@ -7,8 +7,10 @@
 This stage is to consolidate the basics and set the final shell form.
 	A lot of it might be rundundent
 
-todo: Users list, translation list and license page all cut off horizontally in phone
-
+todo: Users list roles
+	too wide for mobile
+	options: remove on mobile, append to row in expand row slot, alternate view for mobile
+	I like having it on full width but it's probably fine to either hide it or add it as an expansion thing on mobile
 
 
 

ayanova/src/views/adm-translation.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-container fluid>
+  <!-- <v-container fluid> -->
+  <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <!-- {{ formState }} -->
     <v-row justify="center">
@@ -154,7 +155,8 @@
         :size="60"
       ></v-progress-circular>
     </template>
-  </v-container>
+  </div>
+  <!-- </v-container> -->
 </template>
 
 <script>

ayanova/src/views/adm-users.vue

@@ -17,6 +17,12 @@
       <template v-slot:[`item.active`]="{ item }">
         <v-simple-checkbox v-model="item.active" disabled></v-simple-checkbox>
       </template>
+
+      <template v-slot:[`item.roles`]="{ item }">
+        <div class="red--text text-truncate" style="max-width: 150px;">
+          {{ item.roles }}
+        </div>
+      </template>
     </v-data-table>
   </div>
 </template>