From 7988935537aad9bd1e433f56e4089ea492b5d65b Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 31 Oct 2024 10:21:05 -0700
Subject: [PATCH] Fix overflow in notes/messages

---
 src/app/components/Content.svelte           | 2 +-
 src/app/components/ContentLinkInline.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/Content.svelte b/src/app/components/Content.svelte
index f9f50a76..579275f6 100644
--- a/src/app/components/Content.svelte
+++ b/src/app/components/Content.svelte
@@ -96,7 +96,7 @@
     </div>
   {:else}
     <div
-      class="overflow-hidden text-ellipsis"
+      class="overflow-hidden text-ellipsis break-words"
       style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
       {#each shortContent as parsed, i}
         {#if isNewline(parsed)}
diff --git a/src/app/components/ContentLinkInline.svelte b/src/app/components/ContentLinkInline.svelte
index ce8923ea..d4b1d60b 100644
--- a/src/app/components/ContentLinkInline.svelte
+++ b/src/app/components/ContentLinkInline.svelte
@@ -14,12 +14,12 @@
 </script>
 
 {#if url.match(/\.(jpe?g|png|gif|webp)$/)}
-  <Button class="link-content" on:click={expand}>
+  <Button class="link-content whitespace-nowrap" on:click={expand}>
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Button>
 {:else}
-  <Link external href={url} class="link-content">
+  <Link external href={url} class="link-content whitespace-nowrap">
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Link>