Я ломаю голову над этим. Я использую Grid-контейнер, который содержит две сетки. Один с текстовым полем, а другой с флажком. Сетки отказываются правильно выравнивать.
<Grid container>
<Grid item sm={2}>
<TextField
id="filter"
label={labels.filterHelperText}
value={this.props.brokersListFilter}
onChange={this.onFilterChange}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<FilterListIcon />
</InputAdornment>
)
}}
/>
</Grid>
<Grid item sm={1}>
<FormControlLabel
className={this.props.classes.checkbox}
control={
<Checkbox
checked={this.props.activeAgentsOnly}
onChange={this.props.setActiveAgentsOnly}
color="primary"
/>
}
label={labels.isActive}
/>
</Grid>
</Grid>
С этим кодом интервал слишком велик ... Если я изменю первую внутреннюю сетку на sm={1}, то обе сетки перекрывают друг друга (как это вообще возможно, если они находятся на разных сетках?) Мне нужно как-то уменьшить зазор между этими двумя сетками .. Как я могу это сделать?
За притирку:
Не более притирки:
