Update css to make vulnerability title more prominent

ee/app/assets/javascripts/security_dashboard/components/vulnerability_list.vue

@@ -404,10 +404,10 @@ export default {
           class="gl-display-flex gl-flex-direction-column flex-sm-row gl-align-items-end align-items-sm-center"
         >
           <gl-link
-            class="text-body js-description"
+            class="gl-text-body js-description"
             :href="item.vulnerabilityPath"
+            :data-qa-vulnerability-description="item.title"
             data-qa-selector="vulnerability"
-            :data-qa-vulnerability-description="`${item.title}`"
           >
             {{ item.title }}
           </gl-link>

ee/app/assets/stylesheets/page_bundles/security_dashboard.scss

@@ -109,4 +109,8 @@ $selection-summary-height: 68px;
   thead.below-selection-summary th {
     @include sticky-top-positioning($security-filter-height + $selection-summary-height);
   }
+
+  tr:hover .js-description {
+    text-decoration: underline;
+  }
 }

ee/changelogs/unreleased/292595-improve-css-for-visibility.yml

+---
+title: Update css to make the vulnerability more prominent
+merge_request: 55389
+author:
+type: changed