1 files changed, 20 insertions, 6 deletions
diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js
index aaf2882..6b6836c 100644
--- a/modern/src/map/StatusView.js
+++ b/modern/src/map/StatusView.js
@@ -4,12 +4,12 @@ import {
 } from '@material-ui/core';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
-import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
 import ListItemText from '@material-ui/core/ListItemText';
 import { useSelector } from 'react-redux';
 
 import ReplayIcon from '@material-ui/icons/Replay';
 import EditIcon from '@material-ui/icons/Edit';
+import SendIcon from '@material-ui/icons/Send';
 import DeleteIcon from '@material-ui/icons/Delete';
 import LinkIcon from '@material-ui/icons/Link';
 
@@ -29,10 +29,14 @@ const useStyles = makeStyles((theme) => ({
   listItemContainer: {
     maxWidth: '300px',
   },
+  listItemRoot: {
+    paddingTop: '0px',
+    paddingBottom: '0px',
+  }
 }));
 
 const StatusView = ({
-  deviceId, onShowDetails, onShowHistory, onEditClick,
+  deviceId, onShowDetails, onShowHistory, onEditClick, onCommandsClick,
 }) => {
   const classes = useStyles();
   const t = useTranslation();
@@ -54,6 +58,11 @@ const StatusView = ({
     onEditClick(deviceId);
   };
 
+  const handleCommandsClick = (e) => {
+    e.preventDefault();
+    onCommandsClick(deviceId);
+  }
+
   const handleRemove = () => {
     setRemoveDialogShown(true);
   };
@@ -73,18 +82,18 @@ const StatusView = ({
         <Grid container direction="column">
           <Grid item>
             <List>
-              <ListItem classes={{ container: classes.listItemContainer}}>
+              <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }} >
                 <ListItemText primary={t('positionDatetime')} secondary={formatDate(position.serverTime)} />
               </ListItem>
-              <ListItem classes={{ container: classes.listItemContainer }}>
+              <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }}>
                 <ListItemText primary={t('positionSpeed')} secondary={formatSpeed(position.speed, speedUnit, t)} />
               </ListItem>
               {position.attributes.hours && (
-                <ListItem classes={{ container: classes.listItemContainer }}>
+                <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }}>
                   <ListItemText primary={t('positionHours')} secondary={formatHours(position.attributes.hours, t)} />
                 </ListItem>)}
               {position.address && (
-                <ListItem classes={{ container: classes.listItemContainer }}>
+                <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }}>
                   <ListItemText primary={t('positionAddress')} secondary={position.address} />
                 </ListItem>)}
             </List>
@@ -104,6 +113,11 @@ const StatusView = ({
               </IconButton>
             </Grid>
             <Grid item>
+              <IconButton onClick={handleCommandsClick}>
+                <SendIcon />
+              </IconButton>
+            </Grid>
+            <Grid item>
               <IconButton onClick={handleEditClick}>
                 <EditIcon />
               </IconButton>