ปรับรูปแบบฟอร์ม ปุ่ม ในระบบบริการเจ้าของข้อมูล

src/modules/05_leave/components/DialogDetail.vue

@@ -513,6 +513,7 @@ watch(
             label="เขียนที่"
             :rules="[(val) => !!val || 'กรุณากรอกเขียนที่']"
             lazy-rules
+            hide-bottom-space
             outlined
             dense
           />
@@ -522,6 +523,7 @@ watch(
             type="textarea"
             label="กรอกเหตุผล"
             :rules="[(val) => !!val || 'กรูณากรอกเหตุผล']"
+            hide-bottom-space
             lazy-rules
             outlined
             dense
@@ -532,6 +534,7 @@ watch(
             v-model="formDelete.doc"
             label="เลือกไฟล์เอกสารหลักฐาน"
             :rules="[(val) => !!val || 'กรูณา เลือกไฟล์เอกสารหลักฐาน']"
+            hide-bottom-space
             lazy-rules
             use-chips
             dense

src/modules/05_leave/components/FormLeave/01_SickForm.vue

@@ -567,14 +567,13 @@ onMounted(() => {
 
 		<q-separator class="q-mt-sm" />
 
-		<div class="row col-12 q-pt-md">
-			<q-space />
+        <q-card-actions align="right" class="bg-white text-teal q-pa-none q-pt-sm">
 			<q-btn
 				v-if="!props.data || props.data.status == 'DRAFT'"
 				id="onSubmit"
 				type="submit"
 				unelevated
-				dense
+				
 				class="q-px-md items-center btnBlue"
 				label="บันทึก"
 				><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
@@ -584,13 +583,14 @@ onMounted(() => {
 				id="onSubmit"
 				type="button"
 				unelevated
-				dense
+				
 				class="q-px-md items-center q-ml-sm"
 				color="primary"
 				label="ยื่นใบลา"
 				@click="onConfirm()"
 				><q-tooltip>ยื่นใบลา</q-tooltip></q-btn
 			>
-		</div>
+		</q-card-actions>
+
 	</form>
 </template>

src/modules/05_leave/views/AddPage.vue

@@ -87,7 +87,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="col-12 row justify-center">
+  <div class="row justify-center">
     <div class="col-xs-12 col-sm-12 col-md-11">
       <div class="toptitle text-white col-12 row items-center">
         <q-btn
@@ -103,9 +103,9 @@ onMounted(async () => {
         <div>สร้างใบลา</div>
       </div>
 
-      <q-form ref="myform" class="col-12">
+      <q-form ref="myform" >
         <q-card bordered>
-          <div class="col-12 row q-col-gutter-md q-pa-md">
+          <div class="row q-col-gutter-md q-pa-md">
             <div class="col-xs-12 col-sm-12">
               <div style="display: flex; align-items: center">
                 <q-icon