From f780f5212cec2169022c0d82f2e0f2ab7bb06d4f Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Tue, 27 Jun 2023 16:49:02 +0200
Subject: [PATCH] fix: tablet and mobile fixes

---
 src/element/live-chat.css |  2 --
 src/pages/layout.css      | 12 ++++++------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/element/live-chat.css b/src/element/live-chat.css
index a3b9c9d..b99bced 100644
--- a/src/element/live-chat.css
+++ b/src/element/live-chat.css
@@ -4,8 +4,6 @@
   flex-direction: column;
   padding: 8px 16px;
   border: none;
-  max-width: calc(100vw - 32px);
-  height: calc(100vh - 72px - 230px - 64px);
 }
 
 @media (min-width: 1020px)  {
diff --git a/src/pages/layout.css b/src/pages/layout.css
index 41150f1..bd7c98b 100644
--- a/src/pages/layout.css
+++ b/src/pages/layout.css
@@ -12,6 +12,10 @@
   width: 100vw;
 }
 
+.live-chat {
+  height: calc(100vh - 16px - 64px - 56px - 230px);
+}
+
 .page.home {
   display: grid;
   height: 100vh;
@@ -33,7 +37,7 @@
       "main-content profile"
       "main-content chat";
     grid-template-rows: 64px min-content;
-    grid-template-columns: minmax(600px, 1fr) 1fr;
+    grid-template-columns: minmax(600px, 3fr) 1fr;
     gap: 0;
   } 
 
@@ -42,7 +46,7 @@
   }
 
   .live-chat {
-    height: calc(100vh - 56px);
+    height: calc(100vh - 56px - 64px - 16px);
   }
 }
 
@@ -60,10 +64,6 @@
       "profile chat";
     gap: 0;
   }
-
-  .live-chat {
-    width: unset;
-  }
 }
 
 @media (min-width: 2000px) {