From 79f3de42c2fbf126525ca4ee89785bd45e284732 Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Fri, 26 Aug 2022 20:24:34 +0100
Subject: [PATCH] closes #14

---
 src/components/Video/Video.svelte | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Video/Video.svelte b/src/components/Video/Video.svelte
index 028a71ce..606fd417 100644
--- a/src/components/Video/Video.svelte
+++ b/src/components/Video/Video.svelte
@@ -163,9 +163,9 @@
                   on:pausePlayEvent="{pausePlayEvent}"
                   paused="{paused}"
                   clickedOnPauseBtn="{clickedOnPauseBtn}"
-                  controlsOpacity="{hoverToSeeControls
-                    ? interactiveControlsOpacity
-                    : controlsOpacity}"
+                  controlsOpacity="{hoverToSeeControls ?
+                    interactiveControlsOpacity :
+                    controlsOpacity}"
                   controlsPosition="{controlsPosition}"
                   widthVideoContainer="{widthVideoContainer}"
                   heightVideoContainer="{heightVideoContainer}"
@@ -196,9 +196,9 @@
               bind:paused
               bind:clientWidth="{widthVideo}"
               bind:clientHeight="{heightVideo}"
-              style="{showControls
-                ? 'position: relative'
-                : 'position: relative'}"
+              style="{showControls ?
+                'position: relative' :
+                'position: relative'}"
             >
               <track kind="captions" />
             </video>
@@ -257,7 +257,7 @@
         </div>
       {/if}
       {#if caption}
-        <figcaption>{caption}</figcaption>
+        <div class="caption">{caption}</div>
       {/if}
     {/if}
   </div>
@@ -284,7 +284,7 @@
     white-space: nowrap !important;
     border: 0 !important;
   }
-  figcaption {
+  div.caption {
     font-size: 0.8rem;
     color: var(--theme-colour-text-secondary, $tr-medium-grey);
   }