diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html index 355e22379d7da0b666b3de437055340580c13c8d..a364c300a7821dfe4bf22b568f5de7a8a490a40f 100644 --- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html +++ b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html @@ -145,9 +145,9 @@ <app-status-badge [capabilityRequest]="request"></app-status-badge> </a> </td> - <td [ngClass]="{'stage1_status': getExecutionStatusName(request) === 'Awaiting QA', - 'exec_status': getExecutionStatusName(request) === 'Executing', - 'stage2_status': getExecutionStatusName(request) === 'Stage 2 Review'}">{{ getExecutionStatusName(request) }}</td> + <td [ngClass]="{'stage1-status': getExecutionStatusName(request) === 'Awaiting QA', + 'execution-status': getExecutionStatusName(request) === 'Executing', + 'stage2-status': getExecutionStatusName(request) === 'Stage 2 Review'}">{{ getExecutionStatusName(request) }}</td> <td>{{ getMetadata(request).sdm_id }}</td> <td>{{ getMetadata(request).bands ? getMetadata(request).bands.split(' ').join(', ') : "" }}</td> <td>{{ getMetadata(request).array_config }}</td> diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss index 02effcdf19416f9a3587bcfbe7f03ec48d3cbbc0..b9751cb99a66cc2b9e7ffe05b7f4066db32f88ff 100644 --- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss +++ b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss @@ -13,21 +13,21 @@ } } -.exec_status { +.execution-status { background-color: #FFC0CB; mat-label { opacity: 1 !important; } } -.stage1_status { +.stage1-status { background-color: #99FFFF; mat-label { opacity: 1 !important; } } -.stage2_status { +.stage2-status { background-color: #FF7F50; mat-label { opacity: 1;