From dd14a9349d3fccd89d0d7e8d5a01fcae127e5b22 Mon Sep 17 00:00:00 2001
From: Darya Balvanovich <darya.balvanovich@hyland.com>
Date: Fri, 23 Aug 2024 11:23:03 +0200
Subject: [PATCH] ACS-8602 fix header alignment and replace old selectors with
 new

---
 .../lib/dialogs/dialog/dialog.component.scss  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/lib/core/src/lib/dialogs/dialog/dialog.component.scss b/lib/core/src/lib/dialogs/dialog/dialog.component.scss
index 79d5114f57..23b6fddb4c 100644
--- a/lib/core/src/lib/dialogs/dialog/dialog.component.scss
+++ b/lib/core/src/lib/dialogs/dialog/dialog.component.scss
@@ -114,9 +114,7 @@ $dialog-padding: 24px;
     }
 
     .adf-dialog-header {
-        position: relative;
         display: flex;
-        justify-content: space-between;
         align-items: center;
         padding-bottom: $dialog-padding;
 
@@ -124,6 +122,16 @@ $dialog-padding: 24px;
             align-items: flex-start;
         }
 
+        .adf-dialog-title-container {
+            flex: 1;
+
+            &.adf-centered-title {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+            }
+        }
+
         .adf-dialog-title {
             font-size: large;
             font-weight: 200;
@@ -170,10 +178,6 @@ $dialog-padding: 24px;
         bottom: 0;
     }
 
-    #{$mat-dialog-title}::before {
-        display: none;
-    }
-
     .adf-dialog-actions {
         position: relative;
         display: flex;
@@ -277,14 +281,10 @@ $dialog-padding: 24px;
     color: var(--theme-primary-color);
 }
 
-// TODO: Update after migration to Angular 15
-/* stylelint-disable-next-line selector-class-pattern */
-.mat-dialog-actions .mat-button-base + .mat-button-base {
+#{$mat-dialog-actions} #{$mat-button-base} + #{$mat-button-base} {
     margin-left: 16px;
 }
 
-// TODO: Update after migration to Angular 15
-/* stylelint-disable-next-line selector-class-pattern */
-.mat-dialog-container {
+#{$mat-dialog-container} #{$mat-dialog-surface} {
     border-radius: 8px;
 }