From ed733b6992fcb90569fb04bcf56b277013c038d5 Mon Sep 17 00:00:00 2001
From: Konstantin <thekolomoets@hotmail.com>
Date: Fri, 18 Sep 2020 03:15:08 +0400
Subject: [PATCH 1/2] More useful combined mode for small mobile display

---
 static/css/site.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/static/css/site.css b/static/css/site.css
index a3229e4..79915c9 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -420,3 +420,13 @@ input[type=text] {
 .video-only #videoElement {
   height: 99vh;
 }
+
+/* ---------------------- */
+/* COMBINED MODE (MOBILE) */
+/* ---------------------- */
+@media screen and (max-width: 768px) {
+    .combined {
+        grid-template-columns: 1fr;
+        grid-template-rows: 50vw 1fr;
+    }
+}

From 868f7da3d25544dd036707123937f42112fc9759 Mon Sep 17 00:00:00 2001
From: Konstantin <thekolomoets@hotmail.com>
Date: Tue, 20 Oct 2020 01:28:34 +0400
Subject: [PATCH 2/2] Fixed aspect ratio for video element on mobile

---
 static/css/site.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/static/css/site.css b/static/css/site.css
index 79915c9..5f06b58 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -424,9 +424,13 @@ input[type=text] {
 /* ---------------------- */
 /* COMBINED MODE (MOBILE) */
 /* ---------------------- */
-@media screen and (max-width: 768px) {
-    .combined {
-        grid-template-columns: 1fr;
-        grid-template-rows: 50vw 1fr;
-    }
+@media screen and (max-width: 480px) {
+  .combined {
+    grid-template-columns: 1fr;
+    grid-template-rows: 56.25vw 1fr;
+  }
+
+  .combined #chatwindow {
+    max-height: calc(var(--var-max-height) - 56.25vw);
+  }
 }