From 3b62e01705c38fb98fe6fb6d5758a8c2d54d3150 Mon Sep 17 00:00:00 2001
From: thewh1teagle <61390950+thewh1teagle@users.noreply.github.com>
Date: Fri, 21 Oct 2022 04:15:17 +0300
Subject: [PATCH] fix: missing video controls on mobile

---
 frontend/src/css/mobile.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/css/mobile.css b/frontend/src/css/mobile.css
index 6417080f..a3519f4e 100644
--- a/frontend/src/css/mobile.css
+++ b/frontend/src/css/mobile.css
@@ -2,6 +2,10 @@
   nav {
     width: 10em
   }
+  /* Mobile Only fix div hidden by bottom navigation bar of mobile browser when using height: 100vh */
+  #previewer .preview {
+    height: calc(100% - 4em) !important;
+  }
 }
 
 @media (max-width: 1024px) {