diff --git a/ui/src/App.tsx b/ui/src/App.tsx index efde69c..0bfabd7 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -251,7 +251,7 @@ function App(props: ConnectedProps) { - + diff --git a/ui/src/components/ListItemLink.tsx b/ui/src/components/ListItemLink.tsx index ab4aad4..e634225 100644 --- a/ui/src/components/ListItemLink.tsx +++ b/ui/src/components/ListItemLink.tsx @@ -3,6 +3,7 @@ import clsx from "clsx"; import ListItem from "@material-ui/core/ListItem"; import ListItemIcon from "@material-ui/core/ListItemIcon"; import ListItemText from "@material-ui/core/ListItemText"; +import Tooltip from "@material-ui/core/Tooltip"; import { makeStyles } from "@material-ui/core/styles"; import { useRouteMatch, @@ -52,23 +53,25 @@ function ListItemLink(props: Props): ReactElement { ); return (
  • - - {icon && ( - - {icon} - - )} - - + + + {icon && ( + + {icon} + + )} + + +
  • ); } diff --git a/ui/src/components/QueuesOverviewTable.tsx b/ui/src/components/QueuesOverviewTable.tsx index 0dfec11..5bd91a7 100644 --- a/ui/src/components/QueuesOverviewTable.tsx +++ b/ui/src/components/QueuesOverviewTable.tsx @@ -11,6 +11,7 @@ import TableRow from "@material-ui/core/TableRow"; import TableFooter from "@material-ui/core/TableFooter"; import TableSortLabel from "@material-ui/core/TableSortLabel"; import IconButton from "@material-ui/core/IconButton"; +import Tooltip from "@material-ui/core/Tooltip"; import PauseCircleFilledIcon from "@material-ui/icons/PauseCircleFilled"; import PlayCircleFilledIcon from "@material-ui/icons/PlayCircleFilled"; import DeleteIcon from "@material-ui/icons/Delete"; @@ -258,25 +259,31 @@ export default function QueuesOverviewTable(props: Props) { {activeRowIndex === i ? ( {q.paused ? ( - props.onResumeClick(q.queue)} - disabled={q.requestPending} - > - - + + props.onResumeClick(q.queue)} + disabled={q.requestPending} + > + + + ) : ( - props.onPauseClick(q.queue)} - disabled={q.requestPending} - > - - + + props.onPauseClick(q.queue)} + disabled={q.requestPending} + > + + + )} - setQueueToDelete(q)}> - - + + setQueueToDelete(q)}> + + + ) : (