From 771cea1f11c443c6dab3e1e3b13839455a184429 Mon Sep 17 00:00:00 2001
From: siva kumar <siva.kumar@muraai.com>
Date: Wed, 3 Jan 2018 16:36:01 +0530
Subject: [PATCH] [ADF-2095] Start Task - The start button should have the
 primary colour (#2799)

* [ADF-2095] Start Task - The start button should have the primary colour.

* fixed start button should have the primary colour.

* [ADF-2095] Start Task/Process - The start button should have the primary colour.

*  fixed start button should have the primary colour and Uppercase.

* * Start task button should have the primary colour
---
 .../process-list/components/start-process.component.html    | 2 +-
 .../process-list/components/start-process.component.scss    | 3 +++
 .../task-list/components/start-task.component.html          | 2 +-
 .../task-list/components/start-task.component.scss          | 6 ++++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/lib/process-services/process-list/components/start-process.component.html b/lib/process-services/process-list/components/start-process.component.html
index ff0385b3df..e5003b9e7f 100644
--- a/lib/process-services/process-list/components/start-process.component.html
+++ b/lib/process-services/process-list/components/start-process.component.html
@@ -31,6 +31,6 @@
 	</mat-card-content>
 	<mat-card-actions *ngIf="!hasStartForm()">
 		<button mat-button *ngIf="!hasStartForm()" (click)="cancelStartProcess()" id="cancle_process" class=""> {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate}} </button>
-		<button mat-button *ngIf="!hasStartForm()" [disabled]="!validateForm()" (click)="startProcess()" data-automation-id="btn-start" id="button-start" class="btn-start"> {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate}} </button>
+		<button color="primary" mat-button *ngIf="!hasStartForm()" [disabled]="!validateForm()" (click)="startProcess()" data-automation-id="btn-start" id="button-start" class="btn-start"> {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate}} </button>
 	</mat-card-actions>
 </mat-card>
diff --git a/lib/process-services/process-list/components/start-process.component.scss b/lib/process-services/process-list/components/start-process.component.scss
index 251dfb070e..acfc582aec 100644
--- a/lib/process-services/process-list/components/start-process.component.scss
+++ b/lib/process-services/process-list/components/start-process.component.scss
@@ -16,6 +16,9 @@
         }
         mat-card-actions {
             text-align: right;
+            .mat-button {
+                text-transform: uppercase !important;
+            }
         }
     }
     &-process-input-container {
diff --git a/lib/process-services/task-list/components/start-task.component.html b/lib/process-services/task-list/components/start-task.component.html
index 8da846fdd3..e16230fda2 100644
--- a/lib/process-services/task-list/components/start-task.component.html
+++ b/lib/process-services/task-list/components/start-task.component.html
@@ -74,7 +74,7 @@
                     <button mat-button (click)="onCancel()" id="button-cancle">
                         {{'ADF_TASK_LIST.START_TASK.FORM.ACTION.CANCEL'|translate}}
                     </button>
-                    <button mat-button [disabled]="!startTaskmodel.name || dateError" (click)="start()" id="button-start">
+                    <button color="primary" mat-button [disabled]="!startTaskmodel.name || dateError" (click)="start()" id="button-start">
                         {{'ADF_TASK_LIST.START_TASK.FORM.ACTION.START'|translate}}
                     </button>
                 </div>
diff --git a/lib/process-services/task-list/components/start-task.component.scss b/lib/process-services/task-list/components/start-task.component.scss
index eeb352e272..bacc5a00e6 100644
--- a/lib/process-services/task-list/components/start-task.component.scss
+++ b/lib/process-services/task-list/components/start-task.component.scss
@@ -46,6 +46,12 @@
     adf-start-task {
         .adf {
 
+            &-new-task-footer {
+                .mat-button {
+                    text-transform: uppercase !important;
+                }
+            }
+
             &-start-task-input-container .mat-input-wrapper {
                 padding-top: 8px;
             }