From 87236d0566f64d6b164413c5a68251e38ea0abf5 Mon Sep 17 00:00:00 2001
From: Outrun Colors <itsoutruncolors@gmail.com>
Date: Sun, 25 Sep 2022 18:27:23 -0500
Subject: [PATCH] Change height for mobile vs desktop

---
 chat/package.json |  2 +-
 chat/src/App.css  | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/chat/package.json b/chat/package.json
index 2b5a5ceb5..35b0837ed 100644
--- a/chat/package.json
+++ b/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {
diff --git a/chat/src/App.css b/chat/src/App.css
index 51ce299c0..5193c0410 100644
--- a/chat/src/App.css
+++ b/chat/src/App.css
@@ -1,5 +1,6 @@
 html,
 body {
+  overflow: hidden;
   overscroll-behavior-y: none;
 }
 
@@ -9,6 +10,7 @@ html {
 
 body {
   min-height: 100vh;
+  overflow: hidden;
   /* mobile viewport bug fix */
   min-height: -webkit-fill-available;
 }
@@ -51,7 +53,7 @@ body {
   position: relative;
   flex: 3;
   height: 62vh;
-  height: calc(var(--vh, 1vh) * 70);
+  height: calc(var(--vh, 1vh) * 75);
   max-height: 1000px;
   overflow: auto;
   -ms-overflow-style: none;
@@ -113,8 +115,12 @@ body {
     padding-left: 1rem;
   }
 
+  .App-content {
+    height: calc(var(--vh, 1vh) * 70);
+  }
+
   .App-content__reduced {
-    height: 58vh;
+    height: calc(var(--vh, 1vh) * 58);
   }
 }