From af908afb0797b119d348c9d0f55f09c85d649c72 Mon Sep 17 00:00:00 2001
From: tamaragruszka <156320606+tamaragruszka@users.noreply.github.com>
Date: Wed, 12 Jun 2024 12:44:31 +0200
Subject: [PATCH] [ACS-7980] fix style (#9798)

---
 .../confirm-dialog/confirm.dialog.html        | 35 ++++++++++++++-----
 .../confirm-dialog/confirm.dialog.scss        |  2 +-
 .../dialogs/confirm-dialog/confirm.dialog.ts  |  4 +--
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.html b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.html
index 264f2370ce0..4ded5949685 100644
--- a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.html
+++ b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.html
@@ -1,20 +1,37 @@
 <h1 mat-dialog-title data-automation-id="adf-confirm-dialog-title">{{ title | translate }}</h1>
 <mat-dialog-content>
     <div class="adf-confirm-dialog-content">
-        <p *ngIf="!htmlContent; else cutomContent" data-automation-id="adf-confirm-dialog-base-message">
+        <p *ngIf="!htmlContent; else customContent" data-automation-id="adf-confirm-dialog-base-message">
             {{ message | translate }}
         </p>
-        <ng-template #cutomContent>
-        <span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content">
-        </span>
+        <ng-template #customContent>
+        <span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"></span>
         </ng-template>
     </div>
 </mat-dialog-content>
 <mat-dialog-actions>
     <span class="adf-dialog-spacer" data-automation-id="adf-confirm-dialog-spacer"></span>
-    <button id="adf-confirm-accept" class="adf-confirm-dialog-button" mat-button color="primary" data-automation-id="adf-confirm-dialog-confirmation"
-        [mat-dialog-close]="true">{{ yesLabel | translate }}</button>
-    <button id="adf-confirm-all" class="adf-confirm-dialog-button" mat-button *ngIf="thirdOptionLabel" [mat-dialog-close]="thirdOptionLabel" data-automation-id="adf-confirm-dialog-confirm-all">{{ thirdOptionLabel | translate }}</button>
-    <button id="adf-confirm-cancel" class="adf-confirm-dialog-button" mat-button [mat-dialog-close]="false" data-automation-id="adf-confirm-dialog-reject"
-        cdkFocusInitial>{{ noLabel | translate }}</button>
+    <button id="adf-confirm-accept"
+            class="adf-confirm-dialog-button"
+            mat-button
+            color="primary"
+            data-automation-id="adf-confirm-dialog-confirmation"
+            [mat-dialog-close]="true">
+        {{ yesLabel | translate }}
+    </button>
+    <button *ngIf="thirdOptionLabel"
+            id="adf-confirm-all"
+            class="adf-confirm-dialog-button"
+            mat-button
+            [mat-dialog-close]="thirdOptionLabel"
+            data-automation-id="adf-confirm-dialog-confirm-all">{{ thirdOptionLabel | translate }}
+    </button>
+    <button id="adf-confirm-cancel"
+            class="adf-confirm-dialog-button"
+            mat-button
+            [mat-dialog-close]="false"
+            data-automation-id="adf-confirm-dialog-reject"
+            cdkFocusInitial>
+        {{ noLabel | translate }}
+    </button>
 </mat-dialog-actions>
diff --git a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss
index cda5494e08b..8d956747142 100644
--- a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss
+++ b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss
@@ -8,6 +8,6 @@
     }
 
     & .adf-confirm-dialog-content {
-        margin: 0 -24px;
+        width: 100%;
     }
 }
diff --git a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
index 0e3fd5c9173..ce8d34ebe1e 100644
--- a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
+++ b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Inject, ViewEncapsulation, SecurityContext } from '@angular/core';
+import { Component, Inject, SecurityContext, ViewEncapsulation } from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { DomSanitizer } from '@angular/platform-browser';
 
@@ -36,7 +36,6 @@ export interface ConfirmDialogComponentProps {
     encapsulation: ViewEncapsulation.None
 })
 export class ConfirmDialogComponent {
-
     title: string;
     message: string;
     yesLabel: string;
@@ -57,5 +56,4 @@ export class ConfirmDialogComponent {
     sanitizedHtmlContent(): string {
         return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
     }
-
 }