From 3d9b30567df883bbaf03de086eb09118f85c61dd Mon Sep 17 00:00:00 2001
From: gpapavgeri <gpapavgeri@cite.gr>
Date: Thu, 27 Aug 2020 16:05:16 +0300
Subject: [PATCH] Updates styling for dmp-invitation-dialog

---
 .../dmp-invitation-dialog.component.scss      | 71 ++++++++++---------
 1 file changed, 36 insertions(+), 35 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
index e82edc6cf..77144b1ed 100644
--- a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
@@ -28,37 +28,48 @@
     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;
-        }
+    padding: 2px !important;
+}
+
+::ng-deep .search {
+    .mat-form-field-infix {
+        border: none;
+        padding: 14px;
+    }   
+    .mat-form-field-underline {
+        display: none;
+    }
+    .mat-form-field-flex {
+        padding: 0em;
+    }
+    .align-arrow-right {
+        display: none;
     }
 }
 
 .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;
-        }
+    width: 20% !important;
+    font-size: 14px;
+    color: #848484;
+    height: min-content;
+    margin-right: 2.5rem;
+    border: none;
+    background-color: transparent;
+}
+
+::ng-deep .select-role {
+    .mat-form-field-outline-start,
+    .mat-form-field-outline-gap, 
+    .mat-form-field-outline-end {
+        border: none !important;
+    }
+    .mat-select-arrow-wrapper {
+        transform: none;
     }
 }
 
@@ -73,13 +84,3 @@
     color: #B5B5B5;
     margin-bottom: 0.25em;
 }
-
-.select-role {
-    width: 20% !important;
-    font-size: 14px;
-    color: #848484;
-    height: min-content;
-    margin-right: 2.5rem;
-    border: none;
-    background-color: transparent;
-}