From c122cea4790624e01ea969680723c407bfb6e076 Mon Sep 17 00:00:00 2001
From: Bernt Christian Egeland <cbegelan@gmail.com>
Date: Sun, 22 Aug 2021 15:04:48 +0200
Subject: [PATCH] keep aspect ratio

---
 web/src/index.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/web/src/index.css b/web/src/index.css
index 1ccb2fad7..0ae4d1cd3 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -29,3 +29,16 @@
 .jsmpeg canvas {
   position: static !important;
 }
+
+/*
+Event.js
+Maintain aspect ratio and scale down the video container
+Could not find a proper tailwind css.
+*/
+.outer-max-width {
+  max-width: 60%;
+}
+.aspect-ratio-box {
+  padding-top: calc(9 / 16 * 100%);
+  padding-bottom: 20%;
+}