[fix] Address User Message Mobile Styling (#549)

Co-authored-by: Ian Seabock (Centific Technologies Inc) <[email protected]>
microsoft · Jan 31, 2024 · 8b91c21 · 8b91c21
1 parent 1e401ac
commit 8b91c21
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/pages/chat/Chat.module.css b/frontend/src/pages/chat/Chat.module.css
@@ -84,6 +84,7 @@
 }
 
 .chatMessageUserMessage {
+    display: flex;
     padding: 20px;
     background: #EDF5FD;
     border-radius: 8px;
@@ -93,12 +94,11 @@
     font-size: 14px;
     line-height: 22px;
     color: #242424;
-    flex: none;
     order: 0;
     flex-grow: 0;
     white-space: pre-wrap;
     word-wrap: break-word;
-    max-width: 800px;
+    max-width: 80%;
 }
 
 .chatMessageGpt {

diff --git a/static/assets/index-03186b6a.css b/static/assets/index-03186b6a.css
diff --git a/static/assets/index-18a991e4.js → static/assets/index-0e0c3db8.js b/static/assets/index-18a991e4.js → static/assets/index-0e0c3db8.js
diff --git a/static/assets/index-18a991e4.js.map → static/assets/index-0e0c3db8.js.map b/static/assets/index-18a991e4.js.map → static/assets/index-0e0c3db8.js.map