Merge branch '341380-dast-view-scans-columns-width' into 'master'

Adjust on-demand scans table columns width

See merge request gitlab-org/gitlab!76840

ee/app/assets/javascripts/on_demand_scans/components/tabs/base_tab.vue

@@ -18,7 +18,7 @@ import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { scrollToElement } from '~/lib/utils/common_utils';
 import Actions from '../actions.vue';
 import EmptyState from '../empty_state.vue';
-import { PIPELINES_PER_PAGE, PIPELINES_POLL_INTERVAL } from '../../constants';
+import { PIPELINES_PER_PAGE, PIPELINES_POLL_INTERVAL, ACTION_COLUMN } from '../../constants';
 
 const defaultCursor = {
   first: PIPELINES_PER_PAGE,
@@ -141,14 +141,7 @@ export default {
       return this.pipelines?.pageInfo;
     },
     tableFields() {
-      return [
-        ...this.fields,
-        {
-          label: '',
-          key: 'actions',
-          columnClass: 'gl-w-15',
-        },
-      ].map((field) => ({
+      return [...this.fields, ACTION_COLUMN].map((field) => ({
         ...field,
         class: ['gl-text-primary'],
         thClass: ['gl-bg-transparent!', 'gl-white-space-nowrap'],

ee/app/assets/javascripts/on_demand_scans/constants.js

@@ -51,7 +51,12 @@ const START_DATE_COLUMN = {
 const PIPELINE_ID_COLUMN = {
   label: __('Pipeline'),
   key: 'id',
-  columnClass: 'gl-w-13',
+  columnClass: 'gl-w-15',
+};
+export const ACTION_COLUMN = {
+  label: '',
+  key: 'actions',
+  columnClass: 'gl-w-20',
 };
 
 export const BASE_TABS_TABLE_FIELDS = [