From 187e3efbb894a7222831917c6bf3dabf6c242328 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 19 Aug 2020 00:13:08 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt              | 6 ++++--
 ayanova/src/views/adm-translation.vue | 6 ++++--
 ayanova/src/views/adm-users.vue       | 6 ++++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index f1959deb..4cfe825a 100644
--- a/ayanova/devdocs/todo.txt
+++ b/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
 
 
 
diff --git a/ayanova/src/views/adm-translation.vue b/ayanova/src/views/adm-translation.vue
index a25f8a0b..d79b4e14 100644
--- a/ayanova/src/views/adm-translation.vue
+++ b/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>
diff --git a/ayanova/src/views/adm-users.vue b/ayanova/src/views/adm-users.vue
index b6e5ba2b..8eb2b050 100644
--- a/ayanova/src/views/adm-users.vue
+++ b/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>