message: Align switches left and allows clicking row
diff: import React from 'react';
  import {
  ListItem,
  + Divider,
  ListItemSecondaryAction,
  ListItemText,
  + ListItemIcon,
  Switch,
  Tooltip,
  } from '@material-ui/core';
  @@ -31,12 +33,9 @@ type Props = {
  };
  export const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (
  - <ListItem>
  - <ListItemText
  - primary={flag.name}
  - secondary={`Registered in ${flag.pluginId} plugin`}
  - />
  - <ListItemSecondaryAction>
  + <>
  + <ListItem divider button onClick={() => toggleHandler(flag.name)}>
  + <ListItemIcon>
  <Tooltip placement="top" arrow title={enabled ? 'Disable' : 'Enable'}>
  <Switch
  color="primary"
  @@ -45,6 +44,11 @@ export const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (
  name={flag.name}
  />
  </Tooltip>
  - </ListItemSecondaryAction>
  + </ListItemIcon>
  + <ListItemText
  + primary={flag.name}
  + secondary={`Registered in ${flag.pluginId} plugin`}
  + />
  </ListItem>
  + </>
  );
  