[ACS-8452] Fixed UI for folder select input fields in create/edit rules (#3974)

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;

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

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