diff --git a/src/components/LocalePicker.js b/src/components/LocalePicker.js index e9a0842c299e02a8609f9f60ebea6f5745d4b8a2..94c9a4b6c39706595cef2adc071745e265405694 100644 --- a/src/components/LocalePicker.js +++ b/src/components/LocalePicker.js @@ -23,8 +23,9 @@ export class LocalePicker extends Component { if (!setLocale || availableLocales.length < 2) return null; return ( - <FormControl> + <FormControl variant="standard"> <Select + variant="standard" MenuProps={{ anchorOrigin: { horizontal: 'left', @@ -37,8 +38,7 @@ export class LocalePicker extends Component { onChange={(e) => { setLocale(e.target.value); }} name="locale" classes={{ select: classes.select }} - className={classes.selectEmpty} - > + className={classes.selectEmpty}> { availableLocales.map(l => ( <MenuItem key={l} value={l}><Typography variant="body2">{ l }</Typography></MenuItem> diff --git a/src/components/SearchPanelControls.js b/src/components/SearchPanelControls.js index cf031cd523b893569cb93756676398f562ef226e..08a8d40ffd9fadbad4ef2c80053b971dd7668a05 100644 --- a/src/components/SearchPanelControls.js +++ b/src/components/SearchPanelControls.js @@ -132,6 +132,7 @@ export class SearchPanelControls extends Component { freeSolo renderInput={params => ( <TextField + variant="standard" {...params} label={t('searchInputLabel')} InputProps={{ @@ -146,8 +147,7 @@ export class SearchPanelControls extends Component { )} </div> ), - }} - /> + }} /> )} /> </form> diff --git a/src/components/WindowSideBarCanvasPanel.js b/src/components/WindowSideBarCanvasPanel.js index ba5d8c9d97b766986d356ec2afc0a34d62866cc9..49481e9f2c41eadd7f5be34d7902308886c9c8e1 100644 --- a/src/components/WindowSideBarCanvasPanel.js +++ b/src/components/WindowSideBarCanvasPanel.js @@ -100,8 +100,9 @@ export class WindowSideBarCanvasPanel extends Component { <> { sequences && sequences.length > 1 && ( - <FormControl> + <FormControl variant="standard"> <Select + variant="standard" MenuProps={{ anchorOrigin: { horizontal: 'left', @@ -114,8 +115,7 @@ export class WindowSideBarCanvasPanel extends Component { onChange={this.handleSequenceChange} name="sequenceId" classes={{ select: classes.select }} - className={classes.selectEmpty} - > + className={classes.selectEmpty}> { sequences.map((s, i) => <MenuItem value={s.id} key={s.id}><Typography variant="body2">{ WindowSideBarCanvasPanel.getUseableLabel(s, i) }</Typography></MenuItem>) } </Select> </FormControl>