diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js index c0867e98141b91a84917ef196cbd599f54f4454d..f8ad3edb45ab03e017e101cd75c104d4656f8ac1 100644 --- a/src/components/CanvasAnnotations.js +++ b/src/components/CanvasAnnotations.js @@ -166,34 +166,17 @@ export class CanvasAnnotations extends Component { onMouseEnter={() => this.handleAnnotationHover(annotation)} onMouseLeave={this.handleAnnotationBlur} > - <ListItemText primaryTypographyProps={{ variant: 'body2' }}> - <SanitizedHtml - ruleSet={htmlSanitizationRuleSet} - htmlString={annotation.content} - /> - <div> - { - annotation.tags.map(tag => ( - <Chip - size="small" - variant="outlined" - label={tag} - id={tag} - sx={theme => ({ - backgroundColor: theme.palette.background.paper, - marginRight: theme.spacing(0.5), - marginTop: theme.spacing(1), - })} - key={tag.toString()} - /> + <ListItemText + primaryTypographyProps={{ variant: 'body2' }} + primary={ + <SanitizedHtml ruleSet={htmlSanitizationRuleSet} htmlString={annotation.content} /> + } + secondary={ + annotation.tags.map((tag) => ( + <Chip component="span" size="small" variant="outlined" label={tag} id={tag} key={tag.toString()} /> )) } - <AnnotationManifestsAccordion - annotation={annotation} - t={t} - /> - </div> - </ListItemText> + /> </MenuItem> </ScrollTo> ))