diff --git a/ee/app/assets/javascripts/on_demand_scans/components/tabs/base_tab.vue b/ee/app/assets/javascripts/on_demand_scans/components/tabs/base_tab.vue index fa080d992c18b92f64dc0eceadb68f85d12fb72b..7b1bb6fa6015e933d2b2cba7ffd28bcb7403a58c 100644 --- a/ee/app/assets/javascripts/on_demand_scans/components/tabs/base_tab.vue +++ b/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'], diff --git a/ee/app/assets/javascripts/on_demand_scans/constants.js b/ee/app/assets/javascripts/on_demand_scans/constants.js index 53fe4f174c561227f403add501e049293a4a8680..dbe73e1c80d044bf488a5bcc54b9a851f0200886 100644 --- a/ee/app/assets/javascripts/on_demand_scans/constants.js +++ b/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 = [