From d8d11cb008f853ded58c1d72e5b036ebf4324550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=AF=5C=5F=28=E3=83=84=29=5F/=C2=AF?=
 <tabascoeye@gmail.com>
Date: Mon, 22 Mar 2021 16:58:36 +0100
Subject: [PATCH] Minor style changes

---
 front/src/WebRtc/LayoutManager.ts |  2 +-
 front/style/style.css             | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/front/src/WebRtc/LayoutManager.ts b/front/src/WebRtc/LayoutManager.ts
index 454875d6..ff406b59 100644
--- a/front/src/WebRtc/LayoutManager.ts
+++ b/front/src/WebRtc/LayoutManager.ts
@@ -196,7 +196,7 @@ class LayoutManager {
         } else {
             HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').style.display = 'none';
             HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-section').style.display = 'none';
-            HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'inline-grid';
+            HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'grid';
         }
 
         for (const div of this.importantDivs.values()) {
diff --git a/front/style/style.css b/front/style/style.css
index 8240ad8f..0f0e1eae 100644
--- a/front/style/style.css
+++ b/front/style/style.css
@@ -36,6 +36,7 @@ body .message-info.warning{
     background: #ffa500d6;
 }
 .video-container{
+    pointer-events: all;
     position: relative;
     transition: all 0.2s ease;
     background-color: #00000099;
@@ -676,6 +677,7 @@ input[type=range]:focus::-ms-fill-upper {
 
 /* Let's make sure videos are vertically centered if they need to be cropped */
 .media-container {
+    pointer-events: all;
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -684,7 +686,7 @@ input[type=range]:focus::-ms-fill-upper {
 }
 
 .chat-mode {
-    display: inline-grid;
+    display: grid;
     width: 100%;
     padding: 1%;
     align-items: flex-start;
@@ -702,19 +704,19 @@ input[type=range]:focus::-ms-fill-upper {
 }
 
 .chat-mode.one-col {
-    grid-template-columns: auto;
+    grid-template-columns: repeat(1, 1fr);
 }
 
 .chat-mode.two-col {
-    grid-template-columns: auto auto;
+    grid-template-columns: repeat(2, 1fr);
 }
 
 .chat-mode.three-col {
-    grid-template-columns: auto auto auto;
+    grid-template-columns: repeat(3, 1fr);
 }
 
 .chat-mode.four-col {
-    grid-template-columns: auto auto auto auto;
+    grid-template-columns: repeat(4, 1fr);
 }
 
 /*CONSOLE*/
@@ -746,7 +748,7 @@ input[type=range]:focus::-ms-fill-upper {
     position: relative;
     padding: 20px;
     margin: 20px;
-    overflow: scroll;
+    overflow: auto;
     max-height: 400px;
 }