1 files changed, 21 insertions, 13 deletions
diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js
index 6b6836c..6fb72c7 100644
--- a/modern/src/map/StatusView.js
+++ b/modern/src/map/StatusView.js
@@ -7,11 +7,12 @@ import ListItem from '@material-ui/core/ListItem';
 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';
+import InfoIcon from '@material-ui/icons/Info';
+import PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled';
 
 import {
   formatSpeed, formatDate, formatHours,
@@ -42,6 +43,7 @@ const StatusView = ({
   const t = useTranslation();
 
   const [removeDialogShown, setRemoveDialogShown] = useState(false);
+  const session = useSelector((state) => state.session);
   const device = useSelector((state) => state.devices.items[deviceId]);
   const position = useSelector(getPosition(deviceId));
 
@@ -100,11 +102,13 @@ const StatusView = ({
           </Grid>
           <Grid item container>
             <Grid item>
-              <Button color="secondary" onClick={handleClick}>{t('sharedShowInfo')}</Button>
+              <IconButton onClick={handleClick}>
+                <InfoIcon />
+              </IconButton>
             </Grid>
             <Grid item>
               <IconButton onClick={onShowHistory}>
-                <ReplayIcon />
+                <PlayCircleFilledIcon />
               </IconButton>
             </Grid>
             <Grid item>
@@ -117,16 +121,20 @@ const StatusView = ({
                 <SendIcon />
               </IconButton>
             </Grid>
-            <Grid item>
-              <IconButton onClick={handleEditClick}>
-                <EditIcon />
-              </IconButton>
-            </Grid>
-            <Grid item>
-              <IconButton onClick={handleRemove} className={classes.red}>
-                <DeleteIcon />
-              </IconButton>
-            </Grid>
+            {!session.server.deviceReadonly && (
+              <>
+                <Grid item>
+                  <IconButton onClick={handleEditClick}>
+                    <EditIcon />
+                  </IconButton>
+                </Grid>
+                <Grid item>
+                  <IconButton onClick={handleRemove} className={classes.red}>
+                    <DeleteIcon />
+                  </IconButton>
+                </Grid>
+              </>
+            )}
           </Grid>
         </Grid>
       </Paper>