ทะเบียนประวัติ: clean code + แก้สี+แก้ icon

src/modules/04_registryNew/components/detail/Achievement/02_Train.vue

@@ -522,13 +522,13 @@ onMounted(async () => {
         </q-td>
         <q-td auto-width>
           <q-btn
-            color="edit"
+            color="primary"
             flat
             dense
             round
             class="q-mr-xs"
             size="14px"
-            icon="edit"
+            icon="mdi-pencil-outline"
             clickable
             @click="
               () => {
@@ -571,7 +571,7 @@ onMounted(async () => {
             flat
             dense
             round
-            size="12px"
+            size="14px"
             icon="mdi-delete"
             clickable
             @click.stop="
@@ -593,8 +593,9 @@ onMounted(async () => {
             <q-btn
               flat
               round
+              size="14px"
               color="primary"
-              icon="edit"
+              icon="mdi-pencil-outline"
               @click="
                 dialogStatus = 'edit';
                 editId = props.row.id;
@@ -619,7 +620,8 @@ onMounted(async () => {
             <q-btn
               flat
               round
-              color="blue"
+              size="14px"
+              color="info"
               icon="history"
               @click="historyDialog = true"
             >