From 642098c5a43e52658290d6601cb287352d976797 Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Mon, 8 Jan 2024 18:38:02 +0100
Subject: [PATCH] Fix Some overlapping and mid-screen size layout for Messages

---
 src/components/Layout/Layout.module.scss | 2 ++
 src/pages/Messages.module.scss           | 7 +++++++
 src/pages/Messages.tsx                   | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss
index f7999be..8a0b2c8 100644
--- a/src/components/Layout/Layout.module.scss
+++ b/src/components/Layout/Layout.module.scss
@@ -103,7 +103,9 @@
   }
 
   &.messagesColumn {
+    height: 85px;
     >div {
+      height: 85px;
       border-left: none;
     }
   }
diff --git a/src/pages/Messages.module.scss b/src/pages/Messages.module.scss
index 2b4f190..6c6280b 100644
--- a/src/pages/Messages.module.scss
+++ b/src/pages/Messages.module.scss
@@ -505,3 +505,10 @@
     padding-left: 2px;
   }
 }
+
+
+@media only screen and (max-width: 1300px) {
+  .conversation {
+    width: 622px;
+  }
+}
diff --git a/src/pages/Messages.tsx b/src/pages/Messages.tsx
index a478323..3230458 100644
--- a/src/pages/Messages.tsx
+++ b/src/pages/Messages.tsx
@@ -349,7 +349,7 @@ const Messages: Component = () => {
     }
 
     if (newMessageInputBorder) {
-      newMessageInputBorder.style.height = `${42 + (20 * rows)}px`;
+      newMessageInputBorder.style.height = `${40 + (20 * rows)}px`;
     }
 
     // debounce(() => {