From 43714bd1b44b65a0c9b354cfae4c36e7a0e1858f Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Thu, 8 Aug 2024 18:17:13 +0200
Subject: [PATCH] state dialog fix

---
 .../state-dialog/state-dialog.component.html  | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/state-dialog/state-dialog.component.html b/frontend/src/app/state-dialog/state-dialog.component.html
index 4dbbf1f..f9e9626 100644
--- a/frontend/src/app/state-dialog/state-dialog.component.html
+++ b/frontend/src/app/state-dialog/state-dialog.component.html
@@ -1,17 +1,20 @@
-<p style="margin-top: -3%;">{{this.languageService.lMap.get('stateDialogStateTransition')}} ({{data.changes.length}} {{data.changes.length > 1 ? 'Pakete' : 'Paket'}})</p>
-<mat-form-field  appearance="fill" >
-  <mat-label>{{this.languageService.lMap.get('stateDialogSelectState')}}</mat-label>
-  <mat-select [disabled]="diasbled" (selectionChange)="enableButton()" [(ngModel)]="selectedValue" name="state">
-    <mat-option *ngFor="let state of possibleStates" [value]="state.value">
-      {{state.viewValue}}
-    </mat-option>
-  </mat-select>
-</mat-form-field>
-<mat-progress-bar mode="determinate" [value]="progress"></mat-progress-bar>
+<div style="padding: 20px;">
+  <p style="margin-top: -3%;">{{this.languageService.lMap.get('stateDialogStateTransition')}} ({{data.changes.length}} {{data.changes.length > 1 ? 'Pakete' : 'Paket'}})</p>
+  <mat-form-field  appearance="fill" >
+    <mat-label>{{this.languageService.lMap.get('stateDialogSelectState')}}</mat-label>
+    <mat-select [disabled]="diasbled" (selectionChange)="enableButton()" [(ngModel)]="selectedValue" name="state">
+      <mat-option *ngFor="let state of possibleStates" [value]="state.value">
+        {{state.viewValue}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-progress-bar mode="determinate" [value]="progress"></mat-progress-bar>
+  
+  
+  <mat-dialog-actions align="end">
+    <button [disabled]="diasbled"  mat-flat-button  style="letter-spacing: 0px;" matDialogClose>{{this.languageService.lMap.get('stateDialogCancel')}}</button>
+    <button [disabled]="bdiasbled"  mat-flat-button  style="color: white; letter-spacing: 0px" color="primary" (click)="updateState()">{{this.languageService.lMap.get('stateDialogConfirm')}}</button>
+  </mat-dialog-actions>
+</div>
 
 
-<mat-dialog-actions align="end">
-  <button [disabled]="diasbled"  mat-raised-button matDialogClose>{{this.languageService.lMap.get('stateDialogCancel')}}</button>
-  <button [disabled]="bdiasbled"  mat-raised-button color="primary" (click)="updateState()">{{this.languageService.lMap.get('stateDialogConfirm')}}</button>
-</mat-dialog-actions>
-