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

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

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