dynamically adjust video controls based on scale

1 files changed, 5 insertions, 6 deletions

diff --git a/src/client/views/nodes/VideoBox.scss b/src/client/views/nodes/VideoBox.scss
index f279b9709..47867b128 100644
--- a/src/client/views/nodes/VideoBox.scss
+++ b/src/client/views/nodes/VideoBox.scss
@@ -95,8 +95,7 @@
     color: white;
     border-radius: 100px;
     z-index: 2001;
-    min-width: 300px;
-    height: 50px;
+    height: 40px;
     padding: 0 10px 0 7px;
 
     .timecode-controls {
@@ -121,8 +120,8 @@
     .videobox-button {
         margin: 2px;
         cursor: pointer;
-        width: 30px;
-        height: 30px;
+        width: 25px;
+        height: 25px;
         border-radius: 50%;
         background: $dark-gray;
         display: flex;
@@ -134,8 +133,8 @@
         }
 
         svg {
-            width: 17px;
-            height: 17px;
+            width: 15px;
+            height: 15px;
         }
     }
 }