ux: Change input width of UserPicker and TeamPicker in AddPermissions component #10676

public/app/core/components/Permissions/AddPermissions.tsx

@@ -78,6 +78,7 @@ class AddPermissions extends Component<IProps, any> {
   render() {
   render() {
     const { permissions, backendSrv } = this.props;
     const { permissions, backendSrv } = this.props;
     const newItem = permissions.newItem;
     const newItem = permissions.newItem;
+    const pickerClassName = 'width-20';
 
 
     return (
     return (
       <div className="gf-form-inline cta-form">
       <div className="gf-form-inline cta-form">
@@ -107,7 +108,7 @@ class AddPermissions extends Component<IProps, any> {
                   backendSrv={backendSrv}
                   backendSrv={backendSrv}
                   handlePicked={this.userPicked}
                   handlePicked={this.userPicked}
                   value={newItem.userId}
                   value={newItem.userId}
-                  className="width-8"
+                  className={pickerClassName}
                 />
                 />
               </div>
               </div>
             ) : null}
             ) : null}
@@ -118,7 +119,7 @@ class AddPermissions extends Component<IProps, any> {
                   backendSrv={backendSrv}
                   backendSrv={backendSrv}
                   handlePicked={this.teamPicked}
                   handlePicked={this.teamPicked}
                   value={newItem.teamId}
                   value={newItem.teamId}
-                  className="width-8"
+                  className={pickerClassName}
                 />
                 />
               </div>
               </div>
             ) : null}
             ) : null}