fix(04): Service

src/components/04_product-service/FormServiceWork.vue

@@ -4,7 +4,7 @@ import { moveItemUp, moveItemDown, deleteItem, dialog } from 'stores/utils';
 
 import NoData from 'components/NoData.vue';
 import WorkManagementComponent from './WorkManagementComponent.vue';
-
+import AddButton from '../button/AddButton.vue';
 import { WorkItems } from 'stores/product-service/types';
 
 const { t } = useI18n();
@@ -50,19 +50,20 @@ function confirmDelete(items: unknown[], index: number) {
 
 <template>
   <div class="column col-12 full-height no-wrap">
-    <div
-      class="app-text-muted row items-start q-pb-md"
-      style="min-height: 40px"
-    >
-      • {{ $t(`workInformation`) }}
-      <q-btn
-        v-if="!readonly"
-        icon="mdi-plus"
-        dense
+    <div class="text-weight-bold text-body1 row items-center q-pb-md">
+      <q-icon
         flat
-        round
-        padding="0"
-        color="primary"
+        size="xs"
+        class="q-pa-sm rounded q-mr-sm"
+        color="info"
+        name="mdi-briefcase-outline"
+        style="background-color: var(--surface-3)"
+      />
+      {{ $t(`workInformation`) }}
+      <AddButton
+        v-if="!readonly"
+        id="btn-add-work"
+        icon-only
         class="q-ml-sm"
         @click="addWork"
       />