From 8db05f60a5214b1aed8d4751c1902516c27b26ac 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    | 16 ++++++++++++
 lib/core/src/lib/styles/_mat-selectors.scss   |  2 ++
 3 files changed, 41 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 baaec844a4f..020e7ec0355 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,5 @@
+@import 'styles/mat-selectors';
+
 .adf {
     &-aspect-list-spinner {
         display: flex;
@@ -19,6 +21,7 @@
         }
 
         .adf-aspect-list-element-title {
+            font-size: smaller;
             display: flex;
             align-items: center;
         }
@@ -26,8 +29,14 @@
         .adf-accordion-aspect-list-expansion-panel {
             margin: 0;
 
+            #{$mat-checkbox-background} {
+                height: 16px;
+                width: 16px;
+            }
+
             &-header {
                 font-size: smaller;
+                padding-left: 16px;
             }
 
             &-header-title {
@@ -48,6 +57,13 @@
     &-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';