[ACS-7980] fix style (#9798)

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>

lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss

@@ -8,6 +8,6 @@
     }
 
     & .adf-confirm-dialog-content {
-        margin: 0 -24px;
+        width: 100%;
     }
 }

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);
     }
-
 }