From 1ad55e50af78f6d9272e15ab92bee189b44a2df7 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Wed, 5 Jun 2024 15:44:08 +0200
Subject: [PATCH] [ACS-8066] Style inputs for link rule dialog (#9773)

---
 .../content-node-selector-panel.component.html    |  2 +-
 .../content-node-selector-panel.component.scss    | 15 +++++++++++++--
 .../site-dropdown/sites-dropdown.component.html   |  3 ++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.html b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.html
index 453168f3d01..9893f98da0b 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.html
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.html
@@ -4,13 +4,13 @@
                     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.component.scss b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
index f92db9fe03c..01ee4216bda 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
@@ -52,12 +52,19 @@ h2.adf-search-results-label {
                 align-items: center;
 
                 #{$mat-form-field-infix} {
-                    padding-top: 0;
                     padding-bottom: 0;
                 }
             }
         }
 
+        .adf-sites-dropdown-form-field {
+            &#{$mat-form-field-hide-placeholder} {
+                #{$mat-form-field-infix} {
+                    padding-top: 0;
+                }
+            }
+        }
+
         #{$mat-form-field-subscript-wrapper} {
             height: 16px;
         }
@@ -66,7 +73,7 @@ h2.adf-search-results-label {
 
         &-input {
             width: 100%;
-            margin: 16px 0;
+            margin-bottom: 8px;
 
             .adf-content-node-selector-content-input-icon {
                 color: var(--adf-theme-foreground-icon-color-054);
@@ -80,6 +87,10 @@ h2.adf-search-results-label {
                     color: var(--adf-theme-foreground-base-color);
                 }
             }
+
+            #{$mat-form-field-subscript-wrapper} {
+                display: none;
+            }
         }
 
         .adf-site-dropdown-container {
diff --git a/lib/content-services/src/lib/site-dropdown/sites-dropdown.component.html b/lib/content-services/src/lib/site-dropdown/sites-dropdown.component.html
index 658ebce41c1..8daa59672b6 100644
--- a/lib/content-services/src/lib/site-dropdown/sites-dropdown.component.html
+++ b/lib/content-services/src/lib/site-dropdown/sites-dropdown.component.html
@@ -1,6 +1,6 @@
 <div id="site-dropdown-container" class="adf-site-dropdown-container">
     <mat-form-field class="adf-sites-dropdown-form-field" appearance="fill" subscriptSizing="dynamic">
-        <mat-label>{{placeholder | translate}}</mat-label>
+        <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>
         <mat-select
             adf-infinite-select-scroll
             (scrollEnd)="loadAllOnScroll()"
@@ -9,6 +9,7 @@
             class="adf-site-dropdown-list-element"
             id="site-dropdown"
             [(value)]="selected"
+            placeholder="{{placeholder | translate}}"
             (selectionChange)="selectedSite($event)">
             <mat-select-trigger class="adf-sites-dropdown-select-trigger">
                 {{ selected?.entry.title | translate}}