ปรับ css เครื่องราชและ icon

src/modules/07_insignia/components/1_Proposals/listProposals.vue

@@ -426,7 +426,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
                   round
                   color="primary"
                   @click="clickListInsignia(props.row.id)"
-                  icon="mdi-account-star"
+                  icon="mdi-account-check"
                 >
                   <q-tooltip>ผู้ได้รับเครื่องราชฯ</q-tooltip>
                 </q-btn>

src/modules/07_insignia/components/2_Manage/StatCard.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const sizeCard = (val: number) => {
   if (val === 5) {
-    return "width:15%;";
+    return "width:20%;";
   }
 };
 const props = defineProps({

src/modules/07_insignia/components/2_Manage/Tab4.vue

@@ -296,6 +296,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
           :rows="rows"
           :filter="filterKeyword"
           row-key="name"
+          dense
           flat
           bordered
           :paging="true"

src/modules/07_insignia/components/2_Manage/listManage.vue

@@ -139,11 +139,11 @@ const fecthInsigniaByOc = async (
     รายชื่อข้าราชการสามัญฯ ที่มีสิทธิ์ยื่นขอพระราชทานเครื่องราชย์อิสริยาภรณ์
   </div>
   <q-card bordered class="row col-12 q-mt-sm">
-    <div class="bg-grey-2 col-12 row items-center">
-      <div class="q-pl-sm q-mr-md text-weight-bold text-grey">รอบ</div>
-
+    <div class="bg-grey-1 col-12 row items-center">
+      <div class="q-pl-md q-pr-sm text-weight-medium text-grey-7">รอบ</div>
       <q-select
         borderless
+        dense
         v-model="round"
         :options="optionRound"
         map-options
@@ -153,9 +153,10 @@ const fecthInsigniaByOc = async (
         @update:model-value="changround"
       />
     </div>
+    <div class="col-12"><q-separator/></div>
     <div class="col-12 row bg-white">
       <div class="fit q-px-md q-py-sm">
-        <div class="row col-12 q-col-gutter-md fit">
+        <div class="row col-12 q-col-gutter-sm fit">
           <cardTop
             :amount="stat.orgAllCount"
             label="หน่วยงานทั้งหมด"
@@ -200,7 +201,7 @@ const fecthInsigniaByOc = async (
     </div>
     <q-separator />
     <q-tab-panels v-model="tab" animated>
-      <q-tab-panel name="pending">
+      <q-tab-panel name="pending" class="q-pa-none">
         <tab1
           :tab="tab"
           :roundId="round"
@@ -208,7 +209,7 @@ const fecthInsigniaByOc = async (
           :fecthInsigniaByOc="fecthInsigniaByOc"
         />
       </q-tab-panel>
-      <q-tab-panel name="reject">
+      <q-tab-panel name="reject" class="q-pa-none">
         <tab2
           :tab="tab"
           :roundId="round"
@@ -216,7 +217,7 @@ const fecthInsigniaByOc = async (
           :fecthInsigniaByOc="fecthInsigniaByOc"
         />
       </q-tab-panel>
-      <q-tab-panel name="delete">
+      <q-tab-panel name="delete" class="q-pa-none">
         <tab3
           :tab="tab"
           :roundId="round"
@@ -224,7 +225,7 @@ const fecthInsigniaByOc = async (
           :fecthInsigniaByOc="fecthInsigniaByOc"
         />
       </q-tab-panel>
-      <q-tab-panel name="organization">
+      <q-tab-panel name="organization" class="q-pa-none">
         <tab4 :tab="tab" :roundId="round" />
       </q-tab-panel>
     </q-tab-panels>

src/modules/07_insignia/components/report/ReportView.vue

@@ -40,6 +40,10 @@
 
 <style lang="scss" scope>
 .q-item.hover-green:hover {
-  background-color: #d5f1ee;
+  background-color: #d5f1ee57;
+  border-radius: 2px ;
+}
+.q-item.hover-green{
+  padding: 10px;
 }
 </style>

src/modules/07_insignia/components/report/Report_01.vue

@@ -63,7 +63,7 @@ const backHistory = () => {
   </div>
   <div>
     <q-card flat bordered class="col-12 q-mt-sm">
-      <div class="q-pa-md q-gutter-y-md">
+      <div class="q-pa-md q-gutter-y-sm">
         <q-toolbar style="padding: 0" >
           <q-select
             class="q-mr-sm"
@@ -87,11 +87,13 @@ const backHistory = () => {
           <q-space />
           <div class="q-pa-ms q-gutter-sm" style="padding: 0">
             <q-btn outline color="primary" icon="download" label="ดาวน์โหลด" />
-            <q-btn icon="mdi-eye" color="primary" label="แสดงรางงาน" />
+            <q-btn unelevated icon="mdi-eye" color="primary" label="แสดงรางงาน" />
             <q-btn
-              color="primary"
+              unelevated
+              color="blue"
               icon="mdi-fullscreen"
               @click="dialog = true"
+              dense
             />
           </div>
         </q-toolbar>
@@ -107,7 +109,7 @@ const backHistory = () => {
           separator-class="bg-white disabled"
         >
           <template v-slot:before>
-            <div class="q-pa-md">
+            <div class="q-px-sm">
               <div class="row items-start items-center">
                 <div class="col">
                   <q-btn