Invitation-dialog CSS updated

dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.html

@@ -7,7 +7,7 @@
 			<h1 mat-dialog-title class="title">{{'DMP-LISTING.ACTIONS.INVITE-AUTHORS' | translate}}</h1>
 		</div>
 		<div mat-dialog-content class="row content">
-			<mat-form-field class="col pt-0 pb-2 mb-4" appearance="standard">
+			<mat-form-field class="col pt-0 pb-2 mb-4 search" appearance="standard">
 				<app-multiple-auto-complete [formControl]="formGroup.get('users')"
 					placeholder="{{'INVITATION-EDITOR.AUTOCOMPLETE-USER-EMAIL' | translate}}"
 					[configuration]="usersAutoCompleteConfiguration">

dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss

@@ -28,30 +28,38 @@
     border-radius: 4px;
 }
 
-::ng-deep .mat-dialog-container {
-    border-radius: 8px;
+
+.search {
+    ::ng-deep {
+        .mat-dialog-container {
+            border-radius: 8px;
+        }
+        .mat-form-field-underline {
+            display: none;
+        }
+        .mat-form-field-wrapper {
+            padding: 0em !important;
+        }
+        .mat-form-field-infix {
+            border: none;
+        }
+        .align-arrow-right {
+            display: none;
+        }
+    }
 }
 
-::ng-deep .mat-form-field-underline {
-    display: none;
-}
-
-::ng-deep .mat-form-field-wrapper {
-    padding: 0em !important;
-}
-
-::ng-deep .mat-form-field-infix {
-    border: none;
-}
-
-::ng-deep .align-arrow-right {
-    display: none;
-}
-
-::ng-deep .mat-form-field-outline-start, 
-::ng-deep .mat-form-field-outline-gap, 
-::ng-deep .mat-form-field-outline-end {
-    border: none !important;
+.select-role {
+    ::ng-deep {
+        .mat-form-field-outline-start, 
+        .mat-form-field-outline-gap, 
+        .mat-form-field-outline-end {
+            border: none !important;
+        }
+        .mat-form-field-wrapper {
+            padding: 0em !important;
+        }
+    }
 }
 
 .invite-btn {