link color

src/scss/custom.scss

@@ -173,9 +173,9 @@ body {
   }
 
   .table-no-link {
-    color: #12b5f6;
+    color: "#BDC931";
     &:hover {
-      color: lighten(#12b5f6, 10%) !important;
+      color: lighten(#BDC931, 10%) !important;
     }
   }
 

src/views/TrainingDetails.vue

@@ -72,6 +72,7 @@
           :items="trainingCourse.instructorsCombined"
           hide-default-footer
           mobile-breakpoint="800"
+          calculate-widths
           :loading="loading"
         >
           <template v-slot:top>

src/views/super-admin/Teams.vue

@@ -25,7 +25,7 @@
           <template v-slot:top>
             <v-container id="teams-table-header" class="py-0 pb-8">
               <v-row>
-                <v-col cols="12" md="4" class="filter-input px-0">
+                <v-col cols="12" md="3" class="filter-input px-0">
                   <v-text-field
                     v-model="filter.search"
                     ref="filterSearch"

src/views/super-admin/Training.vue

@@ -129,8 +129,9 @@
             <router-link
               :to="{ name: 'TrainingDetails', params: { trainingId: item.id } }"
               class="table-no-link"
+              
             >
-              {{ item.name }}
+              <a class="table-no-link">{{ item.name }}</a>
             </router-link>
           </template>
           <template v-slot:[`item.instructors`]="{ item }">
@@ -157,7 +158,7 @@
                   <v-btn
                     icon
                     color="secondary"
-                    class="no-link ml-2"
+                    class="no-border no-link ml-2"
                     v-bind="attrs"
                     v-on="on"
                     :href="`mailto:${item.instructors[0].email},${item.instructors[1].email}`"
@@ -516,5 +517,8 @@ export default {
       border: none !important;
     }
   }
+  .link{
+    color: "#BDC931"
+  }
 }
 </style>