From 164a06d9d4dc470d75c45e97d3580e10e7dd8308 Mon Sep 17 00:00:00 2001
From: Alex Cabrera <alex.cabrera@gmail.com>
Date: Fri, 29 Sep 2023 14:33:22 -0400
Subject: [PATCH] fix: small rendering fixes openai-chat (#247)

---
 frontend/src/lib/components/general/Markdown.svelte         | 6 ++++--
 .../instance-views/views/views/OpenAIChatMarkdown.svelte    | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/general/Markdown.svelte b/frontend/src/lib/components/general/Markdown.svelte
index 8f35300a..d4b32b4e 100644
--- a/frontend/src/lib/components/general/Markdown.svelte
+++ b/frontend/src/lib/components/general/Markdown.svelte
@@ -2,7 +2,9 @@
 	export let renderedText: string;
 </script>
 
-<div class="prose">
+<article
+	class="prose break-all [&_a]:break-all [&_p]:break-all [&_p]:whitespace-pre-wrap max-w-none"
+>
 	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 	{@html renderedText}
-</div>
+</article>
diff --git a/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte b/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte
index 804eb6d6..8750c157 100644
--- a/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte
+++ b/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte
@@ -36,7 +36,7 @@
 	<CircularProgress style="height: 32px; width: 32px; margin-right:20px" indeterminate />
 {:then data}
 	{@const entries = showall ? data : data.slice(-4)}
-	<div class="flex flex-col border border-grey-light rounded p-2.5 m-1 w-[32rem]">
+	<div class="flex flex-col border border-grey-light rounded p-2.5 m-1 max-w-4xl">
 		{#if !showall}
 			<button
 				class="self-center bg-transparent cursor-pointer flex items-center p-1 -mt-1.5 rounded-2xl hover:bg-grey-lighter"