From 6dea2acdf558f39c868be92c5657190d9fb6bd46 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 28 Aug 2020 18:02:05 +0200
Subject: transcript UX

---
 .../app/views/viewer/player/components.inline/inline.image.js        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.image.js')

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 7e237a1..10a4653 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
@@ -11,8 +11,9 @@ export const MediaImage = ({ paragraph, media, currentParagraph, currentAnnotati
   if (annotation.settings.fullscreen) {
     return (
       <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 + ')'}} />
+        <div className="img" style={{ backgroundImage: 'url(' + item.settings.display.url + ')'}}>
+          <div className="speaker-icon">{SpeakerIcon}</div>
+        </div>
         <MediaCitation media={item} />
       </div>
     )
-- 
cgit v1.2.3-70-g09d2