From e3375ae8c0ab634c553cd6507ac2531d2359215c Mon Sep 17 00:00:00 2001
From: Ginger Wong <omqmail@gmail.com>
Date: Sat, 27 Feb 2021 16:39:19 -0800
Subject: [PATCH] fix username form size on mobile views when stream title name
 is long

---
 webroot/styles/app.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/webroot/styles/app.css b/webroot/styles/app.css
index 65edae579..51ff3c44d 100644
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@@ -216,7 +216,7 @@ header {
 }
 
 
-/* ************************************************8 */
+/* ************************************************ */
 
 
 @media screen and (max-width: 860px) {
@@ -230,5 +230,18 @@ header {
   .instance-title {
     font-size: 1rem;
   }
-
+}
+
+/* ************************************************ */
+
+
+@media screen and (max-width: 600px) {
+  #user-info-change {
+    width: 75vw;
+  }
+  #user-info-display {
+    max-width: 30vw;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }