From 38532171fdaee5746d69c39675404219b51f1a9f Mon Sep 17 00:00:00 2001
From: Tobias Berger <14962962+Toby222@users.noreply.github.com>
Date: Mon, 7 Feb 2022 14:01:50 +0000
Subject: [PATCH] Fix size constraints

---
 src/styles.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/styles.scss b/src/styles.scss
index a6a5f28..287e9fc 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -33,7 +33,7 @@ main {
   display: flex;
   flex-direction: column;
 
-  height: calc(100vh - 40px);
+  height: calc(100vh - 60px);
   width: calc(100vw - 40px);
   justify-content: space-between;
   padding: 10px;
@@ -52,6 +52,8 @@ main {
       display: flex;
       flex-direction: column;
       flex-grow: 80;
+      max-width: 80vw;
+
       #messages-container {
         display: flex;
         flex-direction: column;
@@ -99,6 +101,7 @@ main {
       display: flex;
       flex-direction: column;
       flex-grow: 20;
+      max-width: 20vw;
 
       ol {
         overflow-y: scroll;