Fix list items

1 files changed, 6 insertions, 7 deletions

diff --git a/modern/src/DeviceList.js b/modern/src/DeviceList.js
index 602a6d9..c21fc0a 100644
--- a/modern/src/DeviceList.js
+++ b/modern/src/DeviceList.js
@@ -3,13 +3,13 @@ import { connect } from 'react-redux';
 import { updateDevices } from './actions';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 import ListItemText from '@material-ui/core/ListItemText';
 import Avatar from '@material-ui/core/Avatar';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
 import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
 import IconButton from '@material-ui/core/IconButton';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
-import Divider from '@material-ui/core/Divider';
 
 const mapStateToProps = state => ({
   devices: state.devices
@@ -30,9 +30,11 @@ class DeviceList extends Component {
     const devices = this.props.devices.map(device =>
       <Fragment key={device.id.toString()}>
         <ListItem button>
-          <Avatar>
-            <LocationOnIcon />
-          </Avatar>
+          <ListItemAvatar>
+            <Avatar>
+              <LocationOnIcon />
+            </Avatar>
+          </ListItemAvatar>
           <ListItemText primary={device.name} secondary={device.uniqueId} />
           <ListItemSecondaryAction>
             <IconButton>
@@ -40,9 +42,6 @@ class DeviceList extends Component {
             </IconButton>
           </ListItemSecondaryAction>
         </ListItem>
-        <li>
-          <Divider inset />
-        </li>
       </Fragment>
     );