ย้ายปุ่มส่งออกคำสั่ง

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

@@ -283,9 +283,23 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="toptitle text-dark col-12 row items-center">
-    รักษาการในตำแหน่ง
-  </div>
+
+    <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>
+
   <q-card style="height: 100%">
     <q-card-section :horizontal="$q.screen.gt.sm">
       <!-- โครงสร้าง -->
@@ -461,23 +475,6 @@ onMounted(() => {
             <q-card bordered style="height: 100%; border: 1px solid #d6dee1">
               <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
                 รายชื่อรักษาการ
-                <q-btn
-                  v-if="
-                    storeActing.isOfficer === true ||
-                    storeActing.isStaff === true
-                  "
-                  flat
-                  round
-                  dense
-                  :disable="
-                    storeActing.isStaff == true && storeActing.rootId == ''
-                  "
-                  color="add"
-                  icon="mdi-account-arrow-right"
-                  @click.prevent="modalCommand = true"
-                >
-                  <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
-                </q-btn>
               </div>
 
               <div class="col-12"><q-separator /></div>