From 7e9ea567df5e02564e9256501764385a205422e3 Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Tue, 21 May 2024 07:54:06 +0200
Subject: [PATCH] [ACS-7998] - Add permissions input (#9704)

---
 .../add-permission-dialog.component.scss      |  1 +
 .../add-permission-panel.component.html       |  3 ++-
 .../add-permission-panel.component.scss       | 25 +++++++++++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
index ac9151eac7..04be59fb8d 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
@@ -8,6 +8,7 @@
 
 .adf-add-permission-dialog {
     .adf-add-permission-dialog-title {
+        margin-bottom: 28px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: var(--theme-title-font-size);
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
index 29f1497699..f375cd4a30 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
@@ -1,7 +1,8 @@
-<mat-form-field appearance="outline" floatPlaceholder="never" class="adf-permission-search-input">
+<mat-form-field appearance="fill" class="adf-permission-search-input">
     <input
         matInput
         id="searchInput"
+        class="adf-permission-search-input-control"
         [formControl]="searchInput"
         type="text"
         title="{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}"
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
index e55f3dc432..3ab326e8d7 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
@@ -52,7 +52,32 @@ $search-result-height: calc(100% - 60px);
         &-input {
             width: 100%;
 
+            #{$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;
+            }
+
+            .adf-permission-search-input-control {
+                &:focus::placeholder {
+                    color: var(--theme-primary-color);
+                }
+            }
+
             .adf-permission-search-icon {
+                padding: 0 0 12px;
+                width: 1em;
+                height: 1em;
+                font-size: 20px;
                 cursor: pointer;
 
                 &:hover {