fixing weird arrow in select

This commit is contained in:
Peter Holmberg
2018-10-10 13:28:48 +02:00
parent f150f35112
commit 83480a1de6

View File

@@ -78,17 +78,15 @@ export class AddDataSourcePermissions extends PureComponent<Props, State> {
<h5>Add Permission For</h5> <h5>Add Permission For</h5>
<div className="gf-form-inline"> <div className="gf-form-inline">
<div className="gf-form"> <div className="gf-form">
<div className="gf-form-select-wrapper"> <select className="gf-form-input gf-size-auto" value={type} onChange={this.onTypeChanged}>
<select className="gf-form-input gf-size-auto" value={type} onChange={this.onTypeChanged}> {aclTargets.map((option, idx) => {
{aclTargets.map((option, idx) => { return (
return ( <option key={idx} value={option.value}>
<option key={idx} value={option.value}> {option.text}
{option.text} </option>
</option> );
); })}
})} </select>
</select>
</div>
</div> </div>
{type === AclTarget.User && ( {type === AclTarget.User && (
<div className="gf-form"> <div className="gf-form">