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

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