Merge branch '217593-fix-column-width' into 'master'

Fix column styling

See merge request gitlab-org/gitlab!34619

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

@@ -81,17 +81,17 @@ export default {
         {
           key: 'checkbox',
           class: this.checkboxClass,
-          thClass: commonThClass,
+          thClass: `gl-w-9 ${commonThClass}`,
         },
         {
           key: 'state',
           label: s__('Vulnerability|Status'),
-          thClass: `gl-w-64 ${commonThClass}`,
+          thClass: `vulnerability-td ${commonThClass}`,
         },
         {
           key: 'severity',
           label: s__('Vulnerability|Severity'),
-          thClass: `gl-w-64 ${commonThClass}`,
+          thClass: `vulnerability-td ${commonThClass}`,
         },
         {
           key: 'title',
@@ -175,6 +175,7 @@ export default {
     >
       <template #head(checkbox)>
         <gl-form-checkbox
+          class="mr-0 mb-0"
           :checked="hasSelectedAllVulnerabilities"
           @change="toggleAllVulnerabilities"
         />
@@ -182,7 +183,7 @@ export default {
 
       <template #cell(checkbox)="{ item }">
         <gl-form-checkbox
-          class="d-inline-block mr-0"
+          class="d-inline-block mr-0 mb-0"
           :checked="isSelected(item)"
           @change="toggleVulnerability(item)"
         />
@@ -242,3 +243,8 @@ export default {
     </gl-table>
   </div>
 </template>
+<style>
+.vulnerability-td {
+  width: 8rem;
+}
+</style>

ee/changelogs/unreleased/217593-fix-column-width.yml

+---
+title: Fix column styling in the vulnerability list
+merge_request: 34619
+author:
+type: fixed