From 74e918d916ad87f58b091cb26dc3196ffb90c17b Mon Sep 17 00:00:00 2001
From: arditdomi <32884230+arditdomi@users.noreply.github.com>
Date: Tue, 16 Apr 2019 02:59:21 +0100
Subject: [PATCH] [ADF-4043] Demo Shell- Fix roles display (#4606)

---
 .../components/cloud/people-groups-cloud-demo.component.html  | 4 ++--
 .../components/cloud/people-groups-cloud-demo.component.scss  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.html b/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.html
index dda47274ac..60b41df399 100644
--- a/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.html
+++ b/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.html
@@ -19,7 +19,7 @@
                     'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
             </mat-radio-group>
             <mat-form-field *ngIf="!isPeopleAppNameSelected()" class="adf-preselect-value">
-                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ['ACTIVITI_ADMIN', "ACTIVITI_USER"]</mat-label>
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
                 <input matInput (input)="setPeopleRoles($event)" data-automation-id="adf-people-roles-input" />
             </mat-form-field>
             <mat-form-field *ngIf="isPeopleAppNameSelected()" class="adf-preselect-value">
@@ -76,7 +76,7 @@
                     'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
             </mat-radio-group>
             <mat-form-field *ngIf="!isGroupAppNameSelected()" class="adf-preselect-value">
-                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ['ACTIVITI_ADMIN', "ACTIVITI_USER"]</mat-label>
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
                 <input matInput (input)="setGroupRoles($event)" data-automation-id="adf-group-roles-input"/>
             </mat-form-field>
             <mat-form-field *ngIf="isGroupAppNameSelected()" class="adf-preselect-value">
diff --git a/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.scss b/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.scss
index 3603ae7b91..99098e7061 100644
--- a/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.scss
+++ b/demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.scss
@@ -16,7 +16,7 @@
 
             .adf-preselect-value {
                 margin-right: 15px;
-                min-width: 330px;
+                min-width: 25%;
 
                 &-big {
                     width:60%;