Ensure zoom icon is nice

This commit is contained in:
Lukas Martinelli
2017-01-09 22:09:15 +01:00
parent 5d70de6202
commit c3417241f1
4 changed files with 20 additions and 5 deletions

View File

@@ -123,14 +123,15 @@ export default class ZoomSpecField extends React.Component {
}}>
{label}
<Button
style={{backgroundColor: null}}
style={{backgroundColor: null, verticalAlign: 'top'}}
onClick={this.deleteStop.bind(this, idx)}
>
<DeleteIcon />
</Button>
<NumberInput
style={{
width: '7.5%'
width: '7.5%',
verticalAlign: 'top',
}}
value={zoomLevel}
onChange={changedStop => this.changeStop(idx, changedStop, value)}
@@ -169,7 +170,11 @@ export default class ZoomSpecField extends React.Component {
/>
{this.props.fieldSpec['zoom-function'] &&
<Button
style={{backgroundColor: null}}
style={{
verticalAlign: 'top',
backgroundColor: null,
display: 'inline-block',
}}
onClick={this.makeZoomFunction.bind(this)}
>
<FunctionIcon />