Update classes to be in gitlab-ui

- see https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2740
  for details

ee/app/assets/javascripts/dependencies/components/dependencies_table.vue

@@ -82,9 +82,9 @@ export default {
   fields: [
     { key: 'component', label: s__('Dependencies|Component'), tdClass: tdClass() },
     { key: 'packager', label: s__('Dependencies|Packager'), tdClass: tdClass() },
-    { key: 'location', label: s__('Dependencies|Location'), tdClass: tdClass(['gl-md-max-w-25']) },
+    { key: 'location', label: s__('Dependencies|Location'), tdClass: tdClass(['gl-md-max-w-26']) },
     { key: 'license', label: s__('Dependencies|License'), tdClass: tdClass() },
-    { key: 'isVulnerable', label: '', tdClass: tdClass(['text-right']) },
+    { key: 'isVulnerable', label: '', tdClass: tdClass(['gl-text-right']) },
   ],
   DEPENDENCIES_PER_PAGE: 20,
   DEPENDENCY_PATH_LINK:

ee/app/assets/stylesheets/components/vulnerability_list.scss

@@ -93,15 +93,15 @@ $selection-summary-with-error-height: 118px;
   }
 }
 
-// TODO: move to gitlab-ui
-.gl-md-max-w-25 {
-  @media (min-width: 768px) {
-    max-width: 25 * px-to-rem(8px);
+// TODO: move to gitlab-ui with https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2740
+.gl-md-max-w-26 {
+  @include media-breakpoint-up(md) {
+    max-width: 26 * px-to-rem(8px);
   }
 }
 
 .gl-md-white-space-nowrap {
-  @media (min-width: 768px) {
+  @include media-breakpoint-up(md) {
     white-space: nowrap;
   }
 }