diff --git a/public/app/core/components/user_group_picker.ts b/public/app/core/components/user_group_picker.ts index 185184d857d..3ce990047ce 100644 --- a/public/app/core/components/user_group_picker.ts +++ b/public/app/core/components/user_group_picker.ts @@ -23,7 +23,13 @@ export class UserGroupPickerCtrl { resetUserGroupSegment() { this.userGroupId = null; - const userGroupSegment = this.uiSegmentSrv.newSegment({value: 'Choose User Group', selectMode: true, fake: true}); + const userGroupSegment = this.uiSegmentSrv.newSegment({ + value: 'Choose User Group', + selectMode: true, + fake: true, + cssClass: 'gf-size-auto' + }); + if (!this.userGroupSegment) { this.userGroupSegment = userGroupSegment; } else { diff --git a/public/app/core/components/user_picker.ts b/public/app/core/components/user_picker.ts index 9697bae4dda..6f9cd03f641 100644 --- a/public/app/core/components/user_picker.ts +++ b/public/app/core/components/user_picker.ts @@ -17,14 +17,19 @@ export class UserPickerCtrl { /** @ngInject */ constructor(private backendSrv, private $scope, $sce, private uiSegmentSrv) { - this.userSegment = this.uiSegmentSrv.newSegment({value: 'Choose User', selectMode: true, fake: true}); this.debouncedSearchUsers = _.debounce(this.searchUsers, 500, {'leading': true, 'trailing': false}); - this.userId = null; this.resetUserSegment(); } resetUserSegment() { - const userSegment = this.uiSegmentSrv.newSegment({value: 'Choose User', selectMode: true, fake: true}); + this.userId = null; + const userSegment = this.uiSegmentSrv.newSegment({ + value: 'Choose User', + selectMode: true, + fake: true, + cssClass: 'gf-size-auto' + }); + if (!this.userSegment) { this.userSegment = userSegment; } else { diff --git a/public/app/features/dashboard/acl/acl.html b/public/app/features/dashboard/acl/acl.html index ab3393c92ec..cbb3efea1f2 100644 --- a/public/app/features/dashboard/acl/acl.html +++ b/public/app/features/dashboard/acl/acl.html @@ -1,5 +1,5 @@