ayanova/src/components/custom-fields-control.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="templateHasVisibleCustomFields()">
-    <span class="v-label v-label--active theme--light">
+    <span class="text-caption">
       {{ $ay.t("ObjectCustomFieldCustomGrid") }}
     </span>
     <div>

ayanova/src/components/tag-picker.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <span class="v-label v-label--active theme--light">
+    <span class="text-caption">
       {{ title }}
     </span>
     <v-autocomplete

ayanova/src/components/work-order-state.vue

@@ -1,10 +1,14 @@
 <template>
   <div>
-    <h5>WORKORDER STATE</h5>
+    <span class="text-caption">{{ $ay.t("WorkOrderStatus") }}</span>
-    {{ lastState }}
+    <div>
+      {{ lastState }}
+    </div>
 
-    <!-- Display as drop down box so it appears like any other select, however, it also has a button to show history and
+    <!-- 
-    when user clicks on it a popup dialog shows the entire history of the state in a datatable or something along those lines -->
+    Display as drop down box set to last status entered, user selects new status and it appends a new record to the wostate collection
+    and shows dirty and as new state.
+    Also a button to show more info which pops up a dialog showing the entire state history in a data table -->
   </div>
 </template>
 <script>
@@ -49,7 +53,7 @@ export default {
       if (!this.value.states) {
         return "UNKNOWN";
       } else {
-        return this.value.states[this.value.states.length-1];
+        return this.value.states[this.value.states.length - 1];
       }
     }
   }

ayanova/src/views/adm-user.vue

@@ -379,7 +379,7 @@
 
                 <v-col cols="12" sm="6" lg="4" xl="3">
                   <!-- https://vuetifyjs.com/en/components/color-pickers -->
-                  <span class="v-label v-label--active theme--light">
+                  <span class="text-caption">
                     {{ $ay.t("UserColor") }}
                   </span>
                   <v-color-picker

ayanova/src/views/cust-user.vue

@@ -369,7 +369,7 @@
 
                 <v-col cols="12" sm="6" lg="4" xl="3">
                   <!-- https://vuetifyjs.com/en/components/color-pickers -->
-                  <span class="v-label v-label--active theme--light">
+                  <span class="text-caption">
                     {{ $ay.t("UserColor") }}
                   </span>
                   <v-color-picker

ayanova/src/views/home-reminder.vue

@@ -64,7 +64,7 @@
             xl="3"
           >
             <!-- https://vuetifyjs.com/en/components/color-pickers -->
-            <span class="v-label v-label--active theme--light">
+            <span class="text-caption">
               {{ $ay.t("ReminderColor") }}
             </span>
             <v-color-picker

ayanova/src/views/home-user-settings.vue

@@ -164,7 +164,7 @@
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <!-- https://vuetifyjs.com/en/components/color-pickers -->
-            <span class="v-label v-label--active theme--light">
+            <span class="text-caption">
               {{ $ay.t("UserColor") }}
             </span>
             <v-color-picker

ayanova/src/views/svc-work-order-status-edit.vue

@@ -68,7 +68,7 @@
             ></gz-role-picker>
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
-            <span class="v-label v-label--active theme--light">
+            <span class="text-caption">
               {{ $ay.t("WorkOrderStatusColor") }}
             </span>
             <v-color-picker

ayanova/src/views/svc-workorder.vue

@@ -748,6 +748,7 @@ async function fetchTranslatedText(vm) {
     "WorkOrder",
     "WorkOrderSerialNumber",
     "WorkOrderSummary",
+    "WorkOrderStatus",
     "WorkOrderCustom1",
     "WorkOrderCustom2",
     "WorkOrderCustom3",