fix

src/components/Programs/Item.vue

@@ -1,14 +1,6 @@
 <template>
   <div>
     <div class="wa__program__images">
-      <!-- <div
-        class="wa__program__image"
-        :style="{
-          backgroundImage: `url('${
-            program.thumbnail ? program.thumbnail : `http://via.placeholder.com/200`
-          }')`,
-        }"
-      ></div> -->
       <img
         class="wa__program__image w-100"
         :src="
@@ -18,14 +10,6 @@
       />
       <div class="wa__program__image__button">
         <div class="wa__program__image__button--icon">
-          <RectangleButton
-            v-if="role === 'admin'"
-            @click.native="verifyProgram(program.id)"
-            size="large"
-            class="custom-btn ml-1"
-            height="32"
-            :icon="program.verified ? 'WMi-cancel' : 'WMi-ok'"
-          />
           <router-link
             class="text-decoration-none"
             :to="{ name: 'programSeries', params: { id: program.id } }"
@@ -106,6 +90,10 @@ export default {
         this.deleteProgram(id);
       });
     },
+    async verify() {
+      await this.verifyProgram(this.program.id);
+      this.program.verified = !this.program.verified;
+    },
   },
 };
 </script>
@@ -128,6 +116,7 @@ export default {
   text-overflow: ellipsis;
   word-wrap: break-word;
   overflow: hidden;
+  margin-top: -2px;
 }
 
 .wa__program__images {
@@ -159,3 +148,9 @@ export default {
   width: max-content;
 }
 </style>
+<style>
+.shrink .v-input__slot i {
+  color: var(--color-white);
+  font-size: 20px;
+}
+</style>