diff --git a/src/app/process-page/overview/table/process-overview-table.component.html b/src/app/process-page/overview/table/process-overview-table.component.html index 8a3bd55dab..3aa335ab50 100644 --- a/src/app/process-page/overview/table/process-overview-table.component.html +++ b/src/app/process-page/overview/table/process-overview-table.component.html @@ -18,11 +18,11 @@ - - - - - + + + + + diff --git a/src/app/process-page/overview/table/process-overview-table.component.scss b/src/app/process-page/overview/table/process-overview-table.component.scss index 6d92c1df6d..96a80599d2 100644 --- a/src/app/process-page/overview/table/process-overview-table.component.scss +++ b/src/app/process-page/overview/table/process-overview-table.component.scss @@ -1,3 +1,23 @@ .toggle-icon { font-size: calc(var(--bs-small-font-size) * 0.6); } + +.status-header { + width: var(--ds-process-overview-table-status-column-width); +} + +.name-header { + width: var(--ds-process-overview-table-name-column-width); +} + +.user-header { + width: var(--ds-process-overview-table-user-column-width); +} + +.info-header { + width: var(--ds-process-overview-table-info-column-width); +} + +.actions-header { + width: var(--ds-process-overview-table-actions-column-width); +} diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss index ddf490c7a7..1898cc46e2 100644 --- a/src/styles/_custom_variables.scss +++ b/src/styles/_custom_variables.scss @@ -97,4 +97,10 @@ --ds-dso-edit-lang-width: 90px; --ds-dso-edit-actions-width: 173px; --ds-dso-edit-virtual-tooltip-min-width: 300px; + + --ds-process-overview-table-status-column-width: 150px; + --ds-process-overview-table-name-column-width: auto; + --ds-process-overview-table-user-column-width: 200px; + --ds-process-overview-table-info-column-width: 250px; + --ds-process-overview-table-actions-column-width: 80px; }
{{'process.overview.table.status' | translate}}{{'process.overview.table.name' | translate}}{{'process.overview.table.user' | translate}}{{'process.overview.table.' + processStatus.toLowerCase() + '.info' | translate}}{{'process.overview.table.actions' | translate}}{{'process.overview.table.status' | translate}}{{'process.overview.table.name' | translate}}{{'process.overview.table.user' | translate}}{{'process.overview.table.' + processStatus.toLowerCase() + '.info' | translate}}{{'process.overview.table.actions' | translate}}