From 91066b19c39f635d608c7b53742c287d28a3b0fa Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Tue, 21 May 2024 14:30:41 +0200
Subject: [PATCH] [ACS-8004] Fix inputs for move folder (#9707)

---
 ...content-node-selector-panel.component.html |  4 +--
 ...content-node-selector-panel.component.scss | 27 ++++++++++++++++++-
 .../content-node-selector.component.scss      |  1 +
 .../sites-dropdown.component.html             |  3 +--
 lib/core/src/lib/styles/material.theme.scss   |  6 +++++
 5 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.html b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.html
index c4e196d26f..453168f3d0 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.html
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.html
@@ -1,16 +1,16 @@
 <div class="adf-content-node-selector-content">
     <mat-form-field floatPlaceholder="never"
-                    appearance="outline"
+                    appearance="fill"
                     class="adf-content-node-selector-content-input"
                     subscriptSizing="dynamic"
                     *ngIf="showSearch">
-        <mat-label>{{'NODE_SELECTOR.SEARCH' | translate}}</mat-label>
         <input matInput
             id="searchInput"
             [formControl]="searchInput"
             type="text"
             [value]="searchTerm"
             adf-auto-focus
+            [placeholder]="'NODE_SELECTOR.SEARCH' | translate"
             data-automation-id="content-node-selector-search-input">
 
         <mat-icon *ngIf="searchTerm.length > 0"
diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss
index 976a52e172..64a622f6c1 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss
@@ -41,15 +41,40 @@ h2.adf-search-results-label {
     }
 
     &-content {
+        #{$mat-input-element} {
+            &:focus::placeholder {
+                color: var(--theme-primary-color);
+            }
+        }
+
+        #{$mat-form-field-wrapper} {
+            #{$mat-form-field-flex} {
+                align-items: center;
+
+                #{$mat-form-field-infix} {
+                    padding-top: 0;
+                    padding-bottom: 0;
+                }
+            }
+        }
+
+        #{$mat-form-field-subscript-wrapper} {
+            height: 16px;
+        }
+
         padding-top: 0;
 
         &-input {
             width: 100%;
             margin: 16px 0;
 
-            &-icon {
+            .adf-content-node-selector-content-input-icon {
                 color: var(--adf-theme-foreground-icon-color-054);
                 cursor: pointer;
+                padding: 0 0 8px;
+                width: 1em;
+                height: 1em;
+                font-size: 20px;
 
                 &:hover {
                     color: var(--adf-theme-foreground-base-color);
diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss
index 519b274620..545c6154e1 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss
@@ -67,6 +67,7 @@ adf-content-node-selector {
         line-height: 1.6;
         letter-spacing: -0.5px;
         color: var(--adf-theme-foreground-text-color-087);
+        margin-bottom: 20px;
 
         h2 {
             margin: unset;
diff --git a/lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.html b/lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.html
index a2b9c41dbd..61c2386113 100644
--- a/lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.html
+++ b/lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.html
@@ -1,6 +1,5 @@
 <div id="site-dropdown-container" class="adf-site-dropdown-container">
-    <mat-form-field class="adf-sites-dropdown-form-field" appearance="outline" subscriptSizing="dynamic">
-        <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>
+    <mat-form-field class="adf-sites-dropdown-form-field" appearance="fill" subscriptSizing="dynamic">
         <mat-select
             adf-infinite-select-scroll
             (scrollEnd)="loadAllOnScroll()"
diff --git a/lib/core/src/lib/styles/material.theme.scss b/lib/core/src/lib/styles/material.theme.scss
index c6ecb06ddb..fd6b4c1919 100644
--- a/lib/core/src/lib/styles/material.theme.scss
+++ b/lib/core/src/lib/styles/material.theme.scss
@@ -68,4 +68,10 @@
             }
         }
     }
+
+    #{$mat-input-element} {
+        &:focus::placeholder {
+            color: var(--theme-primary-color);
+        }
+    }
 }