From 2d56518ffe1a95bac6d5667bb5d4032c9190b6b4 Mon Sep 17 00:00:00 2001
From: seanyesmunt <sean.yesmunt@gmail.com>
Date: Thu, 19 Mar 2020 17:40:04 -0400
Subject: [PATCH] hide big play button when paused on desktop

---
 ui/scss/component/_file-render.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index a7c453efc..326ec8db3 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -132,7 +132,9 @@
 
 .vjs-paused .vjs-big-play-button,
 .vjs-paused.vjs-has-started .vjs-big-play-button {
-  display: block;
+  @media (max-width: $breakpoint-small) {
+    display: block;
+  }
 }
 
 .file-render {
@@ -168,7 +170,7 @@
     .vjs-big-play-button {
       @extend .button--icon;
       @extend .button--play;
-      background-color: rgba(0,0,0,0.6);
+      background-color: rgba(0, 0, 0, 0.6);
       border: none;
       position: static;
       z-index: 2;
@@ -178,9 +180,8 @@
       }
     }
   }
-  
+
   .video-js:hover {
-    
     .vjs-big-play-button {
       background-color: var(--color-primary);
     }