From 056fc3a8074bec8b252ab7ff5203ba4fb36a6ce6 Mon Sep 17 00:00:00 2001
From: "CITE\\spapacharalampous" <Sofia Papacharalampous>
Date: Tue, 3 Sep 2024 18:08:35 +0300
Subject: [PATCH] css clean up on platform buttons

---
 .../maintenance-tasks.component.html          | 28 +++++++++----------
 .../maintenance-tasks.component.scss          |  4 ---
 .../prefilling-source-editor.component.html   |  6 ++--
 .../prefilling-source-editor.component.scss   | 19 -------------
 .../deposit/deposit-editor.component.html     |  4 +--
 .../deposit/deposit-editor.component.scss     | 21 --------------
 ...description-workflow-editor.component.html |  4 +--
 ...description-workflow-editor.component.scss | 21 --------------
 .../file-transformer-editor.component.html    |  4 +--
 .../file-transformer-editor.component.scss    | 21 --------------
 .../plan-workflow-editor.component.html       |  4 +--
 .../plan-workflow-editor.component.scss       | 21 --------------
 12 files changed, 25 insertions(+), 132 deletions(-)

diff --git a/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.html b/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.html
index 9a69a6ab8..5c92338da 100644
--- a/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.html
+++ b/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.html
@@ -17,8 +17,8 @@
 						</mat-panel-description>
 					</mat-expansion-panel-header>
 					<div class="mt-2">
-						<button mat-raised-button color="primary" (click)="generateIndex($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.INDEXES.ACTIONS.GENERATE-INDEX')}}</button>
-						<button mat-raised-button color="primary" (click)="clearIndex($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.INDEXES.ACTIONS.CLEAR-INDEX')}}</button>
+						<button mat-raised-button color="primary" (click)="generateIndex($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.INDEXES.ACTIONS.GENERATE-INDEX')}}</button>
+						<button mat-raised-button color="primary" (click)="clearIndex($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.INDEXES.ACTIONS.CLEAR-INDEX')}}</button>
 					</div>
 				</mat-expansion-panel>
 				<mat-expansion-panel>
@@ -31,18 +31,18 @@
 						</mat-panel-description>
 					</mat-expansion-panel-header>
 					<div class="mt-2">
-						<button mat-raised-button color="primary" (click)="sendUserTouchEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-USER-TOUCH')}}</button>
-						<button mat-raised-button color="primary" (click)="sendTenantTouchEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-TENANT-TOUCH')}}</button>
-						<button mat-raised-button color="primary" (click)="sendPlanTouchEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-TOUCH')}}</button>
-						<button mat-raised-button color="primary" (click)="sendDescriptionTouchEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TOUCH')}}</button>
-						<button mat-raised-button color="primary" (click)="sendPlanAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendDescriptionAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendBlueprintAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-BLUEPRINT-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendDescriptionTemplateAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TEMPLATE-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendDescriptionTemplateTypeAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TEMPLATE-TYPE-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendPrefillingSourceAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PREFILLING-SOURCE-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendReferenceTypeAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-REFERENCE-TYPE-ACCOUNTING-ENTRIES')}}</button>
-						<button mat-raised-button color="primary" (click)="sendUserAccountingEntriesEvents($event)" class="lightblue-btn button">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-USER-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendUserTouchEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-USER-TOUCH')}}</button>
+						<button mat-button (click)="sendTenantTouchEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-TENANT-TOUCH')}}</button>
+						<button mat-button (click)="sendPlanTouchEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-TOUCH')}}</button>
+						<button mat-button (click)="sendDescriptionTouchEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TOUCH')}}</button>
+						<button mat-button (click)="sendPlanAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendDescriptionAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendBlueprintAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PLAN-BLUEPRINT-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendDescriptionTemplateAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TEMPLATE-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendDescriptionTemplateTypeAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-DESCRIPTION-TEMPLATE-TYPE-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendPrefillingSourceAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-PREFILLING-SOURCE-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendReferenceTypeAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-REFERENCE-TYPE-ACCOUNTING-ENTRIES')}}</button>
+						<button mat-button (click)="sendUserAccountingEntriesEvents($event)" class="mb-1 mr-1 rounded-btn lightblue-btn">{{language.instant('MAINTENANCE-TASKS.SECTIONS.EVENTS.ACTIONS.SEND-USER-ACCOUNTING-ENTRIES')}}</button>
 					</div>
 				</mat-expansion-panel>
 			</mat-accordion>
diff --git a/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.scss b/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.scss
index 0faaf9e53..5153fd2bd 100644
--- a/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.scss
+++ b/frontend/src/app/ui/admin/maintenance-tasks/maintenance-tasks.component.scss
@@ -1,7 +1,3 @@
 .root {
 	padding-bottom: 2em;
-
-	.button {
-		margin: 5px;
-	}
 }
\ No newline at end of file
diff --git a/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html b/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html
index 91845e2ff..ea9749673 100644
--- a/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html
+++ b/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html
@@ -90,7 +90,7 @@
 													</div>
 												</div>
 											</div>
-											<button mat-button class="action-btn" type="button" (click)="addFixedValiueField()" [disabled]="formGroup.disabled">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.ADD-FIELD' | translate}}</button>
+											<button mat-button class="rounded-btn secondary" type="button" (click)="addFixedValiueField()" [disabled]="formGroup.disabled">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.ADD-FIELD' | translate}}</button>
 										</div>
 									</div>
 								</div>
@@ -132,8 +132,8 @@
 									</div>
 								</div>
 							</div>
-							<button mat-button class="action-btn" type="button" (click)="addField()" [disabled]="formGroup.disabled">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.ADD-FIELD' | translate}}</button>
-							<button mat-button class="action-btn" *ngIf="formGroup.get('definition').get('fields').value != ''" type="button" (click)="submitFields()" [disabled]="!formGroup.get('definition').get('fields').valid">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.SUBMIT-FIELDS' | translate}}</button>
+							<button mat-button class="rounded-btn secondary" type="button" (click)="addField()" [disabled]="formGroup.disabled">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.ADD-FIELD' | translate}}</button>
+							<button mat-button class="rounded-btn secondary" *ngIf="formGroup.get('definition').get('fields').value != ''" type="button" (click)="submitFields()" [disabled]="!formGroup.get('definition').get('fields').valid">{{'PREFILLING-SOURCE-EDITOR.ACTIONS.SUBMIT-FIELDS' | translate}}</button>
 						</div>
 					</mat-card-content>
 				</mat-card>
diff --git a/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss b/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss
index b5101780b..f192e16a6 100644
--- a/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss
+++ b/frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss
@@ -19,25 +19,6 @@
     background-color: #b0b0b0;
 }
 
-.action-btn {
-	border-radius: 30px;
-	background-color: var(--secondary-color);
-	border: 1px solid transparent;
-	padding-left: 2em;
-	padding-right: 2em;
-	box-shadow: 0px 3px 6px #1E202029;
-
-	transition-property: background-color, color;
-	transition-duration: 200ms;
-	transition-delay: 50ms;
-	transition-timing-function: ease-in-out;
-  &:disabled{
-		background-color: #CBCBCB;
-		color: #FFF;
-		border: 0px;
-	}
-}
-
 ::ng-deep .mdc-form-field {
 	label {
 		margin: 0;
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html b/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
index 97da22661..96e4d0694 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="formGroup" class="container-fluid deposit">
+<div *ngIf="formGroup" class="container-fluid">
 	<div class="row">
 		<div class="col-12">
 			<div class="row">{{label}}</div>
@@ -9,7 +9,7 @@
 					<mat-error *ngIf=" formGroup.get('depositPlugins')?.get('disableSystemSources')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 				</mat-checkbox>
 			</div>
-			<button  mat-button class="action-btn" type="button" (click)="addSource()" [disabled]="formGroup.disabled">{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.ADD-SOURCE' | translate}}</button>
+			<button mat-button class="rounded-btn secondary" type="button" (click)="addSource()" [disabled]="formGroup.disabled">{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.ADD-SOURCE' | translate}}</button>
 
 			<div *ngFor="let source of formGroup.get('depositPlugins').get('sources').controls; let sourceIndex=index;" class="row mb-3">
 				<div class="col-12">
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss b/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
index cb290cffc..04682d91d 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
@@ -1,24 +1,3 @@
-.deposit {
-	.action-btn {
-		border-radius: 30px;
-		background-color: var(--secondary-color);
-		border: 1px solid transparent;
-		padding-left: 2em;
-		padding-right: 2em;
-		box-shadow: 0px 3px 6px #1E202029;
-
-		transition-property: background-color, color;
-		transition-duration: 200ms;
-		transition-delay: 50ms;
-		transition-timing-function: ease-in-out;
-	  &:disabled{
-			background-color: #CBCBCB;
-			color: #FFF;
-			border: 0px;
-		}
-	}
-}
-
 ::ng-deep label {
 	margin: 0;
 }
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.html b/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.html
index ec6859346..dad1c387b 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.html
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="formGroup" class="container-fluid description-workflow">
+<div *ngIf="formGroup" class="container-fluid">
 	<div class="row">
 		<div class="col-12">
             <mat-form-field class="w-100">
@@ -14,7 +14,7 @@
             </mat-form-field>
 		</div>
         <div class="col-12">
-            <button  mat-button class="action-btn row" type="button" (click)="addStatusTransition()" [disabled]="formGroup.disabled">{{'WORKFLOW-EDITOR.ACTIONS.ADD-STATUS-TRANSITION' | translate}}</button>
+            <button mat-button class="rounded-btn secondary" type="button" (click)="addStatusTransition()" [disabled]="formGroup.disabled">{{'WORKFLOW-EDITOR.ACTIONS.ADD-STATUS-TRANSITION' | translate}}</button>
         </div>
         <div class="row mb-3">
             <mat-error class="pl-3 pt-2" *ngIf="definitionForm?.touched && definitionForm?.controls?.statusTransitions?.hasError('required')">
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.scss b/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.scss
index 5d9ae2b40..04682d91d 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.scss
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/description-workflow/description-workflow-editor/description-workflow-editor.component.scss
@@ -1,24 +1,3 @@
-.description-workflow {
-	.action-btn {
-		border-radius: 30px;
-		background-color: var(--secondary-color);
-		border: 1px solid transparent;
-		padding-left: 2em;
-		padding-right: 2em;
-		box-shadow: 0px 3px 6px #1E202029;
-
-		transition-property: background-color, color;
-		transition-duration: 200ms;
-		transition-delay: 50ms;
-		transition-timing-function: ease-in-out;
-	  &:disabled{
-			background-color: #CBCBCB;
-			color: #FFF;
-			border: 0px;
-		}
-	}
-}
-
 ::ng-deep label {
 	margin: 0;
 }
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html b/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
index 7053d6024..608f0e314 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="formGroup" class="container-fluid file-transformer">
+<div *ngIf="formGroup" class="container-fluid">
 	<div class="row">
 		<div class="col-12">
 			<div class="row">{{label}}</div>
@@ -9,7 +9,7 @@
 					<mat-error *ngIf=" formGroup.get('fileTransformerPlugins')?.get('disableSystemSources')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 				</mat-checkbox>
 			</div>
-			<button  mat-button class="action-btn row" type="button" (click)="addSource()" [disabled]="formGroup.disabled">{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.ADD-SOURCE' | translate}}</button>
+			<button  mat-button class="rounded-btn secondary" type="button" (click)="addSource()" [disabled]="formGroup.disabled">{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.ADD-SOURCE' | translate}}</button>
 			<div *ngFor="let source of formGroup.get('fileTransformerPlugins').get('sources').controls; let sourceIndex=index;" class="row mb-3">
 				<div class="col-12">
 						<div class="row mb-3 d-flex align-items-center">
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss b/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
index eb0012996..04682d91d 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
@@ -1,24 +1,3 @@
-.file-transformer {
-	.action-btn {
-		border-radius: 30px;
-		background-color: var(--secondary-color);
-		border: 1px solid transparent;
-		padding-left: 2em;
-		padding-right: 2em;
-		box-shadow: 0px 3px 6px #1E202029;
-
-		transition-property: background-color, color;
-		transition-duration: 200ms;
-		transition-delay: 50ms;
-		transition-timing-function: ease-in-out;
-	  &:disabled{
-			background-color: #CBCBCB;
-			color: #FFF;
-			border: 0px;
-		}
-	}
-}
-
 ::ng-deep label {
 	margin: 0;
 }
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.html b/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.html
index 33bdef30d..594607a0b 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.html
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="formGroup" class="container-fluid plan-workflow">
+<div *ngIf="formGroup" class="container-fluid">
 	<div class="row">
 		<div class="col-12">
             <mat-form-field class="w-100">
@@ -14,7 +14,7 @@
             </mat-form-field>
 		</div>
         <div class="col-12">
-            <button  mat-button class="action-btn row" type="button" (click)="addStatusTransition()" [disabled]="formGroup.disabled">{{'WORKFLOW-EDITOR.ACTIONS.ADD-STATUS-TRANSITION' | translate}}</button>
+            <button mat-button class="rounded-btn secondary" type="button" (click)="addStatusTransition()" [disabled]="formGroup.disabled">{{'WORKFLOW-EDITOR.ACTIONS.ADD-STATUS-TRANSITION' | translate}}</button>
         </div>
         <div class="row mb-3">
             <mat-error class="pl-3 pt-2" *ngIf="definitionForm?.touched && definitionForm?.controls?.statusTransitions?.hasError('required')">
diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.scss b/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.scss
index f70521df1..04682d91d 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.scss
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/plan-workflow/plan-workflow-editor/plan-workflow-editor.component.scss
@@ -1,24 +1,3 @@
-.plan-workflow {
-	.action-btn {
-		border-radius: 30px;
-		background-color: var(--secondary-color);
-		border: 1px solid transparent;
-		padding-left: 2em;
-		padding-right: 2em;
-		box-shadow: 0px 3px 6px #1E202029;
-
-		transition-property: background-color, color;
-		transition-duration: 200ms;
-		transition-delay: 50ms;
-		transition-timing-function: ease-in-out;
-	  &:disabled{
-			background-color: #CBCBCB;
-			color: #FFF;
-			border: 0px;
-		}
-	}
-}
-
 ::ng-deep label {
 	margin: 0;
 }