From 6f0c73c43620255e00b4ed23a07533d9a765cb23 Mon Sep 17 00:00:00 2001
From: jacekpluta <73617938+jacekpluta@users.noreply.github.com>
Date: Mon, 1 Apr 2024 23:56:07 +0200
Subject: [PATCH] [ACS-7359] - Angular 15 - Edit aspects modal [ACA] (#9488)

---
 .../aspect-list-dialog.component.scss         | 25 +++++++++++++++++--
 .../aspect-list/aspect-list.component.scss    | 15 +++++++++++
 lib/core/src/lib/styles/_mat-selectors.scss   |  2 ++
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss
index a606f7c1796..f0000423868 100644
--- a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss
+++ b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss
@@ -1,3 +1,10 @@
+@import 'styles/mat-selectors';
+
+adf-aspect-list-dialog {
+    display: block;
+    padding: 24px 24px 8px 24px;
+}
+
 .adf {
     &-aspect-list-dialog-title {
         font-size: large;
@@ -13,21 +20,35 @@
     &-aspect-list-dialog-information {
         display: flex;
         justify-content: space-between;
-        padding-left: 5px;
-        padding-right: 5px;
+        padding-top: 10px;
+        padding-left: 4px;
+        padding-right: 4px;
         font-size: small;
     }
 
     &-aspect-list-dialog {
         justify-content: space-between;
+        padding-left: 4px;
+        padding-right: 4px;
+        padding-top: 0;
+
+        #{$mat-dialog-content} {
+            padding: 0;
+        }
+
+        &::before {
+            display: none;
+        }
     }
 
     &-aspect-dialog-content {
         padding-top: 3px;
+        margin-bottom: 8px;
 
         .adf-aspect-property-table {
             .adf-aspect-property-table-cell {
                 font-size: smaller;
+                color: var(--adf-theme-foreground-text-color-087);
             }
 
             .adf-aspect-property-table-column {
diff --git a/lib/content-services/src/lib/aspect-list/aspect-list.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list.component.scss
index bfdf00eec1a..5e003a892ab 100644
--- a/lib/content-services/src/lib/aspect-list/aspect-list.component.scss
+++ b/lib/content-services/src/lib/aspect-list/aspect-list.component.scss
@@ -1,3 +1,4 @@
+@import 'styles/mat-selectors';
 $dialog-title-height: 100px;
 $dialog-information-height: 44px;
 $dialog-buttons-height: 68px;
@@ -30,6 +31,7 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
         }
 
         .adf-aspect-list-element-title {
+            font-size: smaller;
             display: flex;
             align-items: center;
         }
@@ -37,8 +39,14 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
         .adf-accordion-aspect-list-expansion-panel {
             margin: 0;
 
+            #{$mat-checkbox-background} {
+                height: 16px;
+                width: 16px;
+            }
+
             &-header {
                 font-size: smaller;
+                padding-left: 16px;
             }
 
             &-header-title {
@@ -59,6 +67,13 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
     &-aspect-property-table {
         width: 100%;
 
+        .adf-aspect-property-table-column-name,
+        .adf-aspect-property-table-column-title,
+        .adf-aspect-property-table-column-data-type {
+            font-size: 12px;
+            color: var(--adf-theme-foreground-text-color-054);
+        }
+
         .adf-aspect-property-table-column {
             &-name {
                 width: 15%;
diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
index bb19931025e..af855966553 100644
--- a/lib/core/src/lib/styles/_mat-selectors.scss
+++ b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -89,3 +89,5 @@ $mat-calendar-table-header: '.mat-calendar-table-header';
 $mat-calendar-body-disabled: '.mat-calendar-body-disabled';
 $mat-toolbar: '.mat-toolbar';
 $mat-slide-toggle: '.mat-mdc-slide-toggle';
+$mat-checkbox-background: '.mdc-checkbox__background';
+$mat-dialog-content: '.mdc-dialog__content';