แบ่ง Layout ประเมินบุคคลใหม่

src/modules/06_evaluate/components/viewstep/viewStep3.vue

@@ -20,7 +20,7 @@ const tabPanels = store.tabPanels
 </script>
 
 <template>
-  <div class="col-12 row">
+  <q-card bordered class="col-12 row shadow-0">
     <div class="col-12 row items-center q-px-sm q-py-xs">
       <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
       <q-space />
@@ -29,6 +29,7 @@ const tabPanels = store.tabPanels
         color="primary"
         icon="download"
         target="_blank"
+        dense
         :href="props.urlDownloadFile"
       >
         <q-tooltip>ดาวน์โหลด</q-tooltip>
@@ -37,6 +38,8 @@ const tabPanels = store.tabPanels
         flat
         color="primary"
         icon="mdi-fullscreen"
+        dense
+        class="q-ml-sm"
         @click="modalPerview = true"
         ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
       >
@@ -66,7 +69,7 @@ const tabPanels = store.tabPanels
         <ViewPDF :pdfSrc="props.pdfSrc" class="col-12" />
       </q-tab-panel>
     </q-tab-panels>
-  </div>
+  </q-card>
 
   <q-dialog v-model="modalPerview" full-width fullHeight>
     <q-card>