ปรับ css และดีไซน์หน้า กรอกข้อมูลสมัครสอบ

src/components/Table.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="q-pb-sm row">
+  <div class="q-pb-sm row items-center">
     <!--  -->
     <HeaderTop
       v-model:edit="editBtn"
@@ -207,7 +207,7 @@ const add = () => {
   }
 
   .q-table thead tr {
-    background: #ecebeb;
+    background: #a6b8c313;
   }
 
   .q-table thead tr th {

src/components/top.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="flex items-center">
+  <div class="flex items-center q-pb-md">
     <div class="flex items-center" v-if="header != ''">
-      <q-icon :name="icon" size="1.5em" color="grey-5" class="q-mr-md" />
-      <div class="text-weight-medium text-dark col-12 row items-center text-header">
+      <q-icon :name="icon" size="1.5em" color="accent" class="q-mr-md" />
+      <div class="text-weight-medium text-dark col-12 row items-center text-subtitle1">
         {{ header }}
       </div>
     </div>
@@ -21,9 +21,9 @@
           <q-tooltip>แก้ไขข้อมูล</q-tooltip>
         </q-btn> -->
         <q-btn
-          size="12px"
+          size="15px"
           flat
-          round
+          dense
           v-if="edit && !editOnly"
           :color="!edit ? 'grey-7' : 'public'"
           @click="save"