proper timing on inline images

1 files changed, 4 insertions, 4 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.image.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.image.js
index 9928eef..7e237a1 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.image.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.image.js
@@ -10,18 +10,18 @@ export const MediaImage = ({ paragraph, media, currentParagraph, currentAnnotati
   if (!item) return <div>Media not found: {annotation.settings.media_id}</div>
   if (annotation.settings.fullscreen) {
     return (
-      <div className="media image fullscreen">
-        <div className="speaker-icon" onClick={e => onAnnotationClick(e, paragraph, annotation)}>{SpeakerIcon}</div>
+      <div className="media image fullscreen" onClick={e => onAnnotationClick(e, paragraph, annotation)}>
+        <div className="speaker-icon">{SpeakerIcon}</div>
         <div className="img" style={{ backgroundImage: 'url(' + item.settings.display.url + ')'}} />
         <MediaCitation media={item} />
       </div>
     )
   } else {
     return (
-      <div className="media image">
+      <div className="media image" onClick={e => onAnnotationClick(e, paragraph, annotation)}>
         <div className="image-container">
           <img src={item.settings.display.url} />
-          <div className="speaker-icon" onClick={e => onAnnotationClick(e, paragraph, annotation)}>{SpeakerIcon}</div>
+          <div className="speaker-icon">{SpeakerIcon}</div>
         </div>
         <MediaCitation media={item} />
       </div>