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>
-    {{ lastState }}
+    <span class="text-caption">{{ $ay.t("WorkOrderStatus") }}</span>
+    <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];
       }
     }
   }