From 2bd26a92c03bc61bd9541f6e9dd62746cd2855f9 Mon Sep 17 00:00:00 2001
From: ShaneBerhoff <57015490+ShaneBerhoff@users.noreply.github.com>
Date: Mon, 28 Oct 2024 10:27:42 -0400
Subject: [PATCH] fix positioning and text size

---
 client/src/components/ChatBox.jsx        | 6 +++---
 client/src/components/TerminalWindow.jsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/ChatBox.jsx b/client/src/components/ChatBox.jsx
index 375dc61..5b2741f 100644
--- a/client/src/components/ChatBox.jsx
+++ b/client/src/components/ChatBox.jsx
@@ -58,13 +58,13 @@ const Chatbox = ({ messages }) => {
             >
                 {messages.map((message, index) => (
                     <div key={index} className="flex items-baseline space-x-2 flex-wrap">
-                        <span className="text-primary-dark text-sm">
+                        <span className="text-primary-dark sm:text-sm text-xs">
                             {formatTime(message.createdAt)}
                         </span>
-                        <span className="text-lg">
+                        <span className="sm:text-lg text-md">
                             [{message.username}]
                         </span>
-                        <p className="text-lg text-primary-dark break-words min-w-0">
+                        <p className="sm:text-lg text-md text-primary-dark break-words min-w-0">
                             {message.content}
                         </p>
                     </div>
diff --git a/client/src/components/TerminalWindow.jsx b/client/src/components/TerminalWindow.jsx
index 85b4983..1929916 100644
--- a/client/src/components/TerminalWindow.jsx
+++ b/client/src/components/TerminalWindow.jsx
@@ -12,7 +12,7 @@ const TerminalWindow = ({ children, title = 'geoChat' }) => {
         }
     });
     return (
-        <div className='min-h-screen w-full bg-black flex items-center justify-center'>
+        <div className='min-h-screen w-full bg-black sm:flex items-center justify-center'>
             <div className="hidden">
                 <a href="/">Home</a>
                 <a href="/chatroom">Chat Room</a>