fix

src/components/Programs/Item.vue

@@ -10,6 +10,14 @@
       />
       <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 } }"
@@ -45,9 +53,23 @@
         </div>
       </div>
     </div>
-    <div class="title__box mt-2">
+    <div class="title__box">
-      <div class="program__title">{{ program.title }}</div>
+      <div class="d-flex align-center mt-1">
-      <div class="program__sub-title">{{ program.description }}</div>
+        <div class="program__title">
+          {{ program.title }}
+        </div>
+        <v-checkbox
+          v-model="program.verified"
+          v-if="role === 'admin' && program.verified"
+          hide-details
+          class="shrink pt-0 mt-0"
+          color="white"
+          disabled
+          value
+          dark
+        ></v-checkbox>
+      </div>
+      <div class="program__sub-title mt-n1">{{ program.description }}</div>
     </div>
     <div>
       <Chip
@@ -90,16 +112,12 @@ export default {
         this.deleteProgram(id);
       });
     },
-    async verify() {
-      await this.verifyProgram(this.program.id);
-      this.program.verified = !this.program.verified;
-    },
   },
 };
 </script>
 <style scoped>
 .title__box {
-  line-height: 17px;
+  line-height: 20px;
 }
 .program__title {
   font-family: "montserrat-medium";
@@ -116,7 +134,6 @@ export default {
   text-overflow: ellipsis;
   word-wrap: break-word;
   overflow: hidden;
-  margin-top: -2px;
 }
 
 .wa__program__images {
@@ -150,7 +167,7 @@ export default {
 </style>
 <style>
 .shrink .v-input__slot i {
-  color: var(--color-white);
+  color: var(--color-white) !important;
-  font-size: 20px;
+  font-size: 18px;
 }
 </style>