ปรับรูปแบบรายการเอกสารของเรื่องร้องเรียน

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -948,9 +948,7 @@ onMounted(() => {
   </div>
   <div class="col-12 q-mt-sm q-mb-lg" v-if="props.data">
     <q-card flat bordered>
-      <div
+      <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
-        class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
-      >
         {{
           formData.status === "NEW"
             ? "อัปโหลดไฟล์เอกสารหลักฐาน"
@@ -959,7 +957,7 @@ onMounted(() => {
       </div>
       <div class="col-12"><q-separator /></div>
       <div
-        class="row q-ma-sm q-col-gutter-x-sm"
+        class="col-xs-12 q-px-md q-py-sm row"
         v-if="formData.status === 'NEW'"
       >
         <div class="col-11" id="documentFile">
@@ -996,7 +994,7 @@ onMounted(() => {
           >
         </div>
       </div>
-      <div class="q-pa-md" v-if="fileList.length > 0">
+      <div class="q-px-md q-py-sm" v-if="fileList.length > 0">
         <q-list bordered separator v-for="data in fileList" :key="data.id">
           <q-item clickable v-ripple class="items-center">
             <q-item-section>{{ data.fileName }}</q-item-section>
@@ -1007,7 +1005,6 @@ onMounted(() => {
               round
               dense
               color="blue"
-              class="q-ml-sm"
               icon="mdi-download"
               @click="downloadFile(data.pathName)"
               ><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
@@ -1027,11 +1024,9 @@ onMounted(() => {
           </q-item>
         </q-list>
       </div>
-      <div v-if="fileList.length === 0">
+      <div class="q-px-md q-py-sm" v-if="fileList.length === 0">
-        <q-card class="bg-grey-4 q-ma-sm q-py-md" bordered>
+        <q-card class="q-pa-md" bordered>
-          <p class="text-subtitle1 text-center q-ma-none text-bold">
             ไม่มีรายการเอกสาร
-          </p>
         </q-card>
       </div>
     </q-card>