พ้นจากราชการ ==> ปรับ form Exit interview

src/modules/06_retirement/components/resign/DetailDeceased.vue

@@ -101,13 +101,13 @@ const fileDownload = async (type: string) => {
       class="q-mr-sm"
       @click="router.push(`/retirement/deceased`)"
     />
-    รายละเอียดบันทึกเวียนแจ้งการถึงแก่กรรม {{ fullName }}
+    รายละเอียดบันทึกเวียนแจ้งการถึงแก่กรรม{{ fullName }}
   </div>
 
   <CardProfile :data="dataProfile as DataProfile" />
 
-  <q-card bordered class="row col-12 text-dark q-mt-sm">
-    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+  <q-card bordered class="q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center">
       <div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการถึงแก่กรรม</div>
       <q-space />
       <div class="q-gutter-x-sm">
@@ -132,8 +132,8 @@ const fileDownload = async (type: string) => {
       </div>
     </div>
     <div class="col-12"><q-separator /></div>
-    <div class="row col-12 q-pa-md">
-      <div class="col-12 row bg-white q-col-gutter-md">
+    <q-card-section>
+      <div class="col-12 row q-col-gutter-md">
         <div class="col-xs-6 col-sm-3 row items-center">
           <div class="col-12">
             <div class="col-12 text-top">เลขที่ใบมรณบัตร</div>
@@ -179,18 +179,16 @@ const fileDownload = async (type: string) => {
           </div>
         </div>
       </div>
-
-      <div class="col-12" v-if="checkPermission($route)?.attrIsUpdate">
-        <div class="row">
-          <q-space />
-          <q-btn
-            color="public"
-            label="ส่งหนังสือเวียน"
-            @click="openDeceased(profileId)"
-          />
-        </div>
-      </div>
-    </div>
+    </q-card-section>
+    <q-separator />
+    <q-card-actions align="right">
+      <q-btn
+        v-if="checkPermission($route)?.attrIsUpdate"
+        color="public"
+        label="ส่งหนังสือเวียน"
+        @click="openDeceased(profileId)"
+      />
+    </q-card-actions>
   </q-card>
 </template>