From 13fb1b0ec962b3262acd4d71ea6b382ce23cafaa Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Wed, 18 Mar 2020 21:44:34 -0700
Subject: Fix list items

---
 modern/src/DeviceList.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'modern/src/DeviceList.js')

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>
     );
 
-- 
cgit v1.2.3