รวมไฟล์แก้งานงวด2

src/modules/03_recruiting/views/02_qualify/manageDetail.vue

@@ -34,13 +34,13 @@
   <q-slide-transition>
     <q-card class="row col-12 q-mb-sm" v-show="visible">
       <div class="col-12 row">
-        <div class="q-pb-md q-pt-sm row col-12 no-wrap">
+        <div class="q-py-md row col-12 no-wrap">
           <!-- การ์ดแสดงจำนวนข้อมูล -->
-          <div class="col-12 row q-px-md ">
-            <div class="row items-center col-12 q-gutter-sm q-pb-sm">
-              <div class="text-weight-medium">สรุปจำนวนผู้สมัครคัดเลือก</div>
+          <div class="col-12 row">
+            <div class="text-grey-7 row text-weight-medium col-12 q-pl-md">
+              สรุปจำนวนผู้สมัครคัดเลือก
               <datepicker
-                class="col-xs-12 col-sm-5 col-md-4"
+                class="q-pl-sm"
                 v-model="dateFilter"
                 :locale="'th'"
                 autoApply
@@ -58,9 +58,9 @@
                   <q-input
                     class="full-width inputgreen cursor-pointer"
                     hide-bottom-space
+                    outlined
                     dense
-                    prefix="วันที่"
-                    borderless
+                    label="วันที่"
                     lazy-rules
                     :model-value="dateThaiRange(dateFilter)"
                   >
@@ -75,10 +75,8 @@
                   </q-input>
                 </template>
               </datepicker>
-              <q-space />
               <q-btn
                 size="md"
-                dense
                 icon="mdi-download"
                 round
                 flat
@@ -112,7 +110,7 @@
                 <q-tooltip>ดาวน์โหลดรายชื่อผู้สอบแข่งขันได้</q-tooltip>
               </q-btn>
             </div>
-            <div class="row col-12 q-col-gutter-md">
+            <div class="row col-12 q-col-gutter-md fit q-pa-md">
               <div
                 style="width: 25%"
                 v-for="(num, index) in dataNum"
@@ -253,7 +251,7 @@
     </TableCandidate>
   </q-card>
   <q-dialog v-model="modal" persistent>
-    <q-card style="min-width: 550px">
+    <q-card style="min-width: 600px">
       <q-card-section class="row items-center q-py-sm">
         <div class="text-bold">บัตรประจำตัวผู้สอบ</div>
         <q-space />