Fix Bug 2289: Responsiveness Issue in GUI When Assigning Project Role Mapping

	- Design change in project role mapping
	- Added separate card for project role section to show 25 -
	  30 charcters in dropdown

Change-Id: If6ed4c43a03b10f6b6ab37c2116f59206e4d9535
Signed-off-by: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
diff --git a/src/app/users/project-role/ProjectRoleComponent.scss b/src/app/users/project-role/ProjectRoleComponent.scss
index 031e56e..c80a776 100644
--- a/src/app/users/project-role/ProjectRoleComponent.scss
+++ b/src/app/users/project-role/ProjectRoleComponent.scss
@@ -14,4 +14,24 @@
  limitations under the License.
 
  Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
-*/
\ No newline at end of file
+*/
+.card{
+  border-radius: 15px;
+  width: auto;
+  height: auto;
+  margin-bottom: 5px;
+}
+
+.card-body{
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 5px;
+}
+
+.form-group{
+  margin-bottom: 1px;
+}
+
+.col-sm-1{
+ bottom: 10px;
+}
\ No newline at end of file