more stylin'

src/scss/custom.scss

@@ -186,7 +186,7 @@ body {
         padding-left: 8px;
         color: #000000;
       }
-      .v-input__control {
+      .v-input__control > .v-input__slot {
         padding-right: 8px;
       }
     }
@@ -339,10 +339,6 @@ body {
       color: black !important;
     }
 
-    .v-data-table a:hover {
-      text-decoration: underline;
-    }
-
     .v-application a {
       color: #021421 !important;
     }
@@ -365,6 +361,10 @@ body {
     }
 
     .v-data-table {
+      a:hover {
+        text-decoration: underline;
+      }
+
       .mdi-arrow-up::before {
         content: "\F0143";
         color: white;
@@ -404,6 +404,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/Training.vue

@@ -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"