link color

src/components/Training/TrainingAttendance.vue

@@ -6,7 +6,7 @@
       </v-col>
     </v-row>
     <v-row class="filter-wrapper filter-input mb-4">
-      <v-col cols="12" sm="8" md="6">
+      <v-col cols="12" sm="6" md="3">
         <v-text-field
           v-model="search"
           ref="filterSearch"

src/scss/custom.scss

@@ -186,13 +186,12 @@ body {
         padding-left: 8px;
         color: #000000;
       }
-      .v-input__control {
+      .v-input__control > .v-input__slot {
         padding-right: 8px;
       }
-    }
-
-    .v-icon {
-      color: rgba(0, 0, 0, 0.54) !important;
+      .v-icon {
+        color: rgba(0, 0, 0, 0.54);
+      }
     }
 
     .v-text-field {
@@ -339,10 +338,6 @@ body {
       color: black !important;
     }
 
-    .v-data-table a:hover {
-      text-decoration: underline;
-    }
-
     .v-application a {
       color: #021421 !important;
     }
@@ -365,6 +360,10 @@ body {
     }
 
     .v-data-table {
+      a:hover {
+        text-decoration: underline;
+      }
+
       .mdi-arrow-up::before {
         content: "\F0143";
         color: white;
@@ -404,6 +403,9 @@ body {
       .v-data-footer {
         background-color: $table-row-even-bg-light;
       }
+      .v-data-table-header-mobile__wrapper .v-select__slot > label {
+        color: map-get($material-light, "secondary-text-color");
+      }
     }
 
     table > tbody > tr {

src/scss/variables.scss

@@ -50,6 +50,7 @@ $material-light: (
   background-accent-3: #efefef,
   primary: #031322,
   text-color: #000000,
+  secondary-text-color: #ffffff,
 );
 $material-dark: (
   background: #04243a,

src/views/super-admin/Teams.vue

@@ -23,9 +23,9 @@
           :hide-default-footer="teams.length === 0"
         >
           <template v-slot:top>
-            <v-container id="teams-table-header" class="py-0 pb-8">
+            <v-container id="teams-table-header" class="py-0">
               <v-row>
-                <v-col cols="12" md="3" class="filter-input px-0">
+                <v-col cols="12" sm="6" md="3" class="filter-input px-0">
                   <v-text-field
                     v-model="filter.search"
                     ref="filterSearch"
@@ -37,7 +37,7 @@
                     hide-details
                   ></v-text-field>
                 </v-col>
-                <v-col cols="12" md="8" class="text-right px-0">
+                <v-col cols="12" md="9" class="text-right px-0">
                   <v-btn
                     color="secondary"
                     class="mr-0 mr-sm-2 mb-6 mb-sm-0"

src/views/super-admin/Training.vue

@@ -24,7 +24,7 @@
           :hide-default-footer="courses.length === 0"
         >
           <template v-slot:top>
-            <v-container id="training-table-header" class="py-0 pb-8">
+            <v-container id="training-table-header" class="py-0">
               <v-row>
                 <h4 class="subhead pa-0">Filter</h4>
               </v-row>
@@ -84,7 +84,7 @@
                         hide-details
                       ></v-select>
                     </v-col>
-                    <v-col cols="12" sm="4" class="filter-input">
+                    <v-col cols="12" sm="4" class="filter-input pr-sm-1">
                       <v-text-field
                         v-model="filter.search"
                         ref="filterSearch"
@@ -113,7 +113,9 @@
                 </v-col>
               </v-row>
               <v-row>
-                <h2 class="pa-0">Courses</h2>
+                <v-col class="pl-0">
+                  <h2 class="text-left px-0">Courses</h2>
+                </v-col>
               </v-row>
             </v-container>