From 48862b7083443b30f1c8707a5c86aa746ab44a3e Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Sun, 16 Feb 2020 20:53:29 +0100
Subject: [PATCH] improve expand button visibility on pause

---
 src/assets/scss/5-modules/player-big.scss | 1 +
 src/components/Viewer.svelte              | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/5-modules/player-big.scss b/src/assets/scss/5-modules/player-big.scss
index 6f9d061..e46f4e5 100644
--- a/src/assets/scss/5-modules/player-big.scss
+++ b/src/assets/scss/5-modules/player-big.scss
@@ -46,6 +46,7 @@
   transition: .15s opacity;
 }
 
+.playerBig__reduce.active,
 .playerBig__reduce:hover,
 .playerBig__reduce:active,
 .playerBig__reduce:focus {
diff --git a/src/components/Viewer.svelte b/src/components/Viewer.svelte
index 3cd989e..11076a2 100644
--- a/src/components/Viewer.svelte
+++ b/src/components/Viewer.svelte
@@ -14,9 +14,9 @@
             bind:duration
             bind:seek={seek}
         ></YoutubePlayer>
-        {/if}
         <div class="playerBig__overlay" on:click={() => $paused = !$paused}></div>
-        <button class="playerBig__reduce">Reduce<IconReduce></IconReduce></button>
+        <button class="playerBig__reduce" class:active={ready && $paused}>Reduce<IconReduce></IconReduce></button>
+        {/if}
     </div>
 
     <Progress