From ef8c27b6250ec5457e9132fc18ae1443a74340f5 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Wed, 4 Aug 2021 17:29:52 -0700
Subject: [PATCH] Add mobile css fixes

---
 src/Room.module.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/Room.module.css b/src/Room.module.css
index d3d72f8..f1c1d81 100644
--- a/src/Room.module.css
+++ b/src/Room.module.css
@@ -16,7 +16,7 @@ limitations under the License.
 
 
 .room {
-  position: fixed;
+  position: relative;
   display: flex;
   flex-direction: column;
   width: 100vw;
@@ -30,6 +30,12 @@ limitations under the License.
   justify-content: center;
   align-items: center;
   height: 64px;
+  max-width: 30%;
+}
+
+.header h5 {
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .backNav {
@@ -88,6 +94,7 @@ limitations under the License.
   flex: 1;
   flex-direction: column;
   gap: 2px;
+  min-height: 0;
 }
 
 .participant {
@@ -124,6 +131,10 @@ limitations under the License.
 }
 
 @media(min-width: 800px) {
+  .room {
+    position: fixed;
+  }
+
   .roomContainer {
     flex-direction: row;
   }