รักษาการในตำแหน่ง เปลี่ยน ปุ่ม

src/modules/17_acting/views/main.vue

@@ -283,22 +283,26 @@ onMounted(() => {
 </script>
 
 <template>
-
-    <div class="toptitle text-dark col-12 row items-center">
-      รักษาการในตำแหน่ง
-      <q-space />
-      <q-btn
-        class="q-px-sm"
-        v-if="storeActing.isOfficer === true || storeActing.isStaff === true"
-        dense
-        :disable="storeActing.isStaff == true && storeActing.rootId == ''"
-        color="public"
-        label="ส่งไปออกคำสั่ง"
-        @click.prevent="modalCommand = true"
-      >
-        <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
-      </q-btn>
-    </div>
+  <div
+    class="toptitle text-dark col-12 row items-center"
+    style="margin-bottom: 0"
+  >
+    รักษาการในตำแหน่ง
+    <q-space />
+    <q-btn
+      class="q-px-sm"
+      v-if="storeActing.isOfficer === true || storeActing.isStaff === true"
+      dense
+      :disable="storeActing.isStaff == true && storeActing.rootId == ''"
+      flat
+      round
+      color="add"
+      icon="mdi-account-arrow-right"
+      @click.prevent="modalCommand = true"
+    >
+      <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+    </q-btn>
+  </div>
 
   <q-card style="height: 100%">
     <q-card-section :horizontal="$q.screen.gt.sm">