Fix styles for responsiviness

Author: BrunoQuaresma

chat/src/components/message-input.tsx

@@ -155,7 +155,7 @@ export default function MessageInput({
                   onKeyDown={handleKeyDown as any}
                   onFocus={() => setControlAreaFocused(true)}
                   onBlur={() => setControlAreaFocused(false)}
-                  className="cursor-text p-4 h-20 text-muted-foreground flex items-center justify-center w-full outline-none"
+                  className="cursor-text p-4 h-20 text-muted-foreground flex items-center justify-center w-full outline-none text-sm"
                 >
                   {controlAreaFocused
                     ? "Press any key to send to terminal (arrows, Ctrl+C, Ctrl+R, etc.)"

chat/src/components/message-list.tsx

@@ -120,7 +120,7 @@ export default function MessageList({ messages }: MessageListProps) {
               } ${message.id === undefined ? "animate-pulse" : ""}`}
             >
               <div
-                className={`whitespace-pre-wrap break-words text-left text-sm ${
+                className={`whitespace-pre-wrap break-words text-left text-xs md:text-sm leading-relaxed md:leading-normal ${
                   message.role === "user" ? "" : "font-mono"
                 }`}
               >