From d8dd62f4c8e45186fe006f547584ffc6bcee3fdb Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Mon, 29 Jul 2024 11:11:58 +0530
Subject: [PATCH] [ACS-8452] Fixed UI for folder select input fields in
 create/edit rules (#3974)

---
 .../actions/rule-action.ui-component.scss          |  2 +-
 .../edit-rule-dialog.ui-component.scss             | 14 ++++++++++----
 .../rule-details/rule-details.ui-component.scss    |  1 -
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
index 9de756f08..9e8396107 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
@@ -9,7 +9,7 @@
 
       .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem {
         display: inline-block;
-        width: 300px;
+        width: 100%;
 
         .adf-textitem-clickable {
           padding-top: 0;
diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
index 2e3108203..934f1d275 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
@@ -1,9 +1,17 @@
+@import '@alfresco/adf-core/lib/styles/mat-selectors';
+
 .aca-edit-rule-dialog-container {
   --edit-rule-dialog-padding: 8px 20px;
+
+  #{$mat-dialog-surface} {
+    padding: 0;
+  }
 }
 
 .aca-edit-rule-dialog {
-  margin: -24px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 
   input {
     box-sizing: border-box;
@@ -12,7 +20,7 @@
   .aca-edit-rule-dialog__header {
     display: flex;
     align-items: center;
-    margin: -43px -24px 0;
+    margin-bottom: 0;
     padding: var(--edit-rule-dialog-padding);
     box-sizing: border-box;
     border-bottom: 1px solid var(--theme-border-color);
@@ -31,7 +39,6 @@
   }
 
   .aca-edit-rule-dialog__content {
-    margin: 0 -24px;
     padding: 0;
 
     &__spinner {
@@ -43,7 +50,6 @@
   }
 
   .aca-edit-rule-dialog__footer {
-    margin: 0 -24px -27px;
     padding: var(--edit-rule-dialog-padding);
     box-sizing: border-box;
     border-top: 1px solid var(--theme-border-color);
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
index 6782eede8..176b59c28 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
@@ -108,7 +108,6 @@
     }
 
     .aca-rule-details__form__row #{$mat-form-field-flex} #{$mat-form-field-infix} {
-      padding-top: 0.375em;
       padding-bottom: 0.375em;
     }