message: move TableHeader height dropdown to right, fix label
diff: @@ -5,6 +5,7 @@ import {
  createStyles,
  Grid,
  FormControl,
  + TextField,
  InputLabel,
  Select,
  MenuItem,
  @@ -28,7 +29,17 @@ const useStyles = makeStyles(theme =>
  minHeight: 56,
  },
  collectionName: { textTransform: "uppercase" },
  - formControl: { minWidth: 120 },
  +
  + formControl: {
  + minWidth: 120,
  + margin: 0,
  + marginRight: theme.spacing(1),
  +
  + "& > div": {
  + height: 32,
  + borderRadius: theme.shape.borderRadius,
  + },
  + },
  })
  );
  @@ -54,41 +65,56 @@ const TableHeader = ({
  return (
  <Grid container alignItems="center" spacing={2} className={classes.root}>
  - <Grid item>
  + <Grid item xs>
  <Typography variant="h6" className={classes.collectionName}>
  - {collection}
  + {collection.replace(/([A-Z])/g, " $1")}
  </Typography>
  </Grid>
  - <Grid item xs>
  - <FormControl variant="outlined" className={classes.formControl}>
  - <InputLabel htmlFor="outlined-age-simple">Row Height</InputLabel>
  - <Select
  + <Grid item>
  + <Grid container spacing={1} alignItems="center">
  + <Grid item>
  + <Typography
  + variant="overline"
  + component="label"
  + htmlFor="outlined-rowHeight-simple"
  + >
  + Height
  + </Typography>
  + </Grid>
  +
  + <Grid item>
  + <TextField
  + select
  + variant="filled"
  + className={classes.formControl}
  value={rowHeight ? rowHeight : 35}
  - onChange={(event: any, child: any) => {
  + onChange={event => {
  updateConfig("rowHeight", event.target.value);
  }}
  - labelWidth={90}
  inputProps={{
  name: "rowHeight",
  id: "outlined-rowHeight-simple",
  }}
  margin="dense"
  + InputProps={{ disableUnderline: true }}
  + hiddenLabel
  >
  <MenuItem value={35}>Tall</MenuItem>
  <MenuItem value={60}>Grande</MenuItem>
  <MenuItem value={100}>Venti</MenuItem>
  <MenuItem value={150}>Trenta</MenuItem>
  - </Select>
  - </FormControl>
  + </TextField>
  </Grid>
  +
  + <Grid item>
  <Filters
  columns={columns}
  tableFilters={filters}
  setFilters={tableActions.table.filter}
  />
  - <Grid item>
  - <Grid container spacing={1}>
  + </Grid>
  +
  <Grid item>
  <ExportCSV
  columns={columns.map((column: any) => {
  