updated chat styling; text input now always visible

src/chat/ChatMessage.tsx

@@ -242,8 +242,8 @@ export default function ChatMessage(props: Props) {
               </Typography>
             </Grid>
           </Grid>
-          <Grid>
-            <Typography variant="body2">
+          <Grid size={{ xs: 12 }}>
+            <Typography variant="body2" whiteSpace={"pre-line"}>
               {props.note.content()}
             </Typography>
             {/*load files and display attached images below the message */}