diff options
| -rw-r--r-- | modern/src/main/StatusCard.js | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/modern/src/main/StatusCard.js b/modern/src/main/StatusCard.js index 10ea8a3f..b163c983 100644 --- a/modern/src/main/StatusCard.js +++ b/modern/src/main/StatusCard.js @@ -2,9 +2,10 @@ import React, { useState } from 'react'; import { useSelector } from 'react-redux'; import { useHistory } from 'react-router-dom'; import { - makeStyles, Button, Card, CardContent, Typography, CardActions, CardHeader, IconButton, Avatar, Table, TableBody, TableRow, TableCell, TableContainer, + makeStyles, Card, CardContent, Typography, CardActions, CardHeader, IconButton, Avatar, Table, TableBody, TableRow, TableCell, TableContainer, } from '@material-ui/core'; import CloseIcon from '@material-ui/icons/Close'; +import PostAddIcon from '@material-ui/icons/PostAdd'; import ReplayIcon from '@material-ui/icons/Replay'; import PublishIcon from '@material-ui/icons/Publish'; import EditIcon from '@material-ui/icons/Edit'; @@ -40,6 +41,9 @@ const useStyles = makeStyles((theme) => ({ cell: { borderBottom: 'none', }, + actions: { + justifyContent: 'space-between', + }, })); const StatusRow = ({ name, content }) => { @@ -113,10 +117,10 @@ const StatusCard = ({ deviceId, onClose }) => { </TableContainer> </CardContent> )} - <CardActions disableSpacing> - <Button onClick={() => history.push(`/position/${position.id}`)} disabled={!position} color="secondary"> - {t('sharedInfoTitle')} - </Button> + <CardActions classes={{ root: classes.actions }} disableSpacing> + <IconButton onClick={() => history.push(`/position/${position.id}`)} disabled={!position} color="secondary"> + <PostAddIcon /> + </IconButton> <IconButton onClick={() => history.push('/replay')} disabled={!position}> <ReplayIcon /> </IconButton> |