diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js index 18b196e5dc28c3a45a8bfaa4cf8ca0d5ce447cfb..1211b54f4a7160d7679c8c60f7bc34a88fce7ddb 100644 --- a/src/components/CanvasAnnotations.js +++ b/src/components/CanvasAnnotations.js @@ -6,7 +6,7 @@ import MenuList from '@material-ui/core/MenuList'; import MenuItem from '@material-ui/core/MenuItem'; import ListItemText from '@material-ui/core/ListItemText'; import Typography from '@material-ui/core/Typography'; -import BookmarksIcon from '@material-ui/icons/BookmarksSharp'; +import DashboardIcon from '@material-ui/icons/Dashboard'; import SanitizedHtml from '../containers/SanitizedHtml'; import { ScrollTo } from './ScrollTo'; import { MiradorMenuButton } from './MiradorMenuButton'; @@ -128,13 +128,16 @@ export class CanvasAnnotations extends Component { </div> <div> {isManifest(annotation.id) && ( - <MiradorMenuButton - aria-haspopup="true" - aria-label={t('openManifestInOtherWindow')} - onClick={(e) => { this.handleOpenManifestSideToSide(e, annotation); }} - > - <BookmarksIcon /> - </MiradorMenuButton> + <div> + <MiradorMenuButton + aria-haspopup="true" + aria-label={t('openManifestInOtherWindow')} + onClick={(e) => { this.handleOpenManifestSideToSide(e, annotation); }} + > + <DashboardIcon /> + </MiradorMenuButton> + </div> + )} </div> </ListItemText>