make member role container to new line

Author: mfikria

src/components/TeamManagement/Dialog.js

@@ -21,6 +21,18 @@ class Dialog extends React.Component {
     }, {
       title: 'Account Manager',
       value: 'account_manager',
+    }, {
+      title: 'Account Executive',
+      value: 'account_executive',
+    }, {
+      title: 'Program Manager',
+      value: 'program_manager',
+    }, {
+      title: 'Solution Architect',
+      value: 'solution_architect',
+    }, {
+      title: 'Project Manager',
+      value: 'project_manager',
     }]
 
     this.handleRoles = this.handleRoles.bind(this)

src/components/TeamManagement/TeamManagement.scss

@@ -144,6 +144,7 @@
         }
 
         .project-member-layout {
+          flex-wrap: wrap;
           min-height: 60px;
           padding: $base-unit*2 $base-unit*4;
           display: flex;
@@ -247,7 +248,8 @@
           }
 
           .member-role-container {
-            margin-left: $base-unit*3;
+            margin-left: $base-unit*12;
+            width: 100%;
             display: flex;
             padding: 1px;
             border-radius: 5px;
@@ -473,4 +475,4 @@
 
 .title-text {
   letter-spacing: 0.8px
-}
+}