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

src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue

@@ -15,29 +15,34 @@ const modalPerview = ref<boolean>(false);
 </script>
 
 <template>
-  <div class="col-12 row">
-    <q-space />
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="download"
-      target="_blank"
-      :href="store.urlDownloadFile"
-    >
-      <q-tooltip>ดาวน์โหลด</q-tooltip>
-    </q-btn>
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="mdi-fullscreen"
-      @click="modalPerview = true"
-      ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
-    >
-  </div>
+  <q-card bordered class="col-12 row shadow-0">
+    <div class="col-12 row items-center q-pa-sm q-gutter-sm">
+      <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
+        <q-space />
+          <q-btn
+            flat
+            dense
+            color="primary"
+            icon="download"
+            target="_blank"
+            :href="store.urlDownloadFile"
+          >
+            <q-tooltip>ดาวน์โหลด</q-tooltip>
+          </q-btn>
+          <q-btn
+            flat
+            dense
+            color="primary"
+            icon="mdi-fullscreen"
+            @click="modalPerview = true"
+            ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
+          >
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="col-12"><ViewPDF class="col-12" /></div>
+   </q-card>
 
-  <ViewPDF />
+ 
 
   <q-dialog v-model="modalPerview" full-width fullHeight>
     <q-card>