import {Input} from 'material-ui';
import Select from 'react-select';
I've been trying different ways to adjust the margins and padding, even wrapping them in divs, but I can't seem to get Material UI textfield or input aligned properly with other elements. It seems like there is a strange space above the Input element compared to others, which I suspect is due to the empty label it has. Is this a common issue or am I overlooking something obvious? Thanks for any help!
<Select
className="min-w-256 inline-block"
name="form-field-name"
placeholder="Item Name"
value={this.state.currentRecord.itemName}
onChange={this.handleItemNameChange}
options={this.state.itemNameList}
/>
<Input
label = {null}
className="max-w-128 inline-block "
id="input-quantity"
value={this.state.currentRecord.quantity}
onChange={this.handleCurrentRecordTextChange('quantity')}
/>