From 58010adabcf7a49013eb42f3e43c430f338d6280 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 21 Oct 2024 15:48:57 +0200
Subject: [PATCH] fixed permission row height

---
 .../user-role-column/user-role-column.component.scss         | 5 +++--
 .../user-role-column/user-role-column.component.ts           | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss
index 49c6d086bf..a0da180108 100644
--- a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss
+++ b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss
@@ -3,8 +3,9 @@
 .adf-role-selector-field#{$mat-form-field} {
     width: 100%;
     max-width: 200px;
+    height: 40px;
 
-    #{$mat-form-field-flex} {
-        height: 40px;
+    #{$mat-form-field-infix}:not(:disabled) {
+        padding-top: 8px;
     }
 }
diff --git a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
index d9917fcc54..e59a8cceaa 100644
--- a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
+++ b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';
 import { RoleModel } from '../../models/role.model';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -32,7 +32,7 @@ export interface RoleModelOption {
     standalone: true,
     imports: [CommonModule, MatFormFieldModule, MatSelectModule, TranslateModule],
     template: `
-        <mat-form-field class="adf-role-selector-field" *ngIf="!readonly">
+        <mat-form-field class="adf-role-selector-field" *ngIf="!readonly" subscriptSizing="dynamic">
             <mat-select
                 class="adf-role-selector"
                 (click)="$event.stopPropagation()"
@@ -52,6 +52,7 @@ export interface RoleModelOption {
             {{ i18nValue | translate }}
         </span>
     `,
+    encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-user-role-column adf-datatable-content-cell adf-expand-cell-4' },
     styleUrls: ['./user-role-column.component.scss']
 })