ปรับ css เพิ่มเติม

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