From 3fbe7d8f7d057c07aa630f407df1b223aa0cefa1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=A5rek=20Andreassen?= <tim@harek.no>
Date: Fri, 12 Apr 2024 11:42:17 +0200
Subject: [PATCH] style: Add overflow to URL
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
---
 components/SeriesCard.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/SeriesCard.tsx b/components/SeriesCard.tsx
index ea45fbc..516459e 100644
--- a/components/SeriesCard.tsx
+++ b/components/SeriesCard.tsx
@@ -14,11 +14,13 @@ export default function SeriesCard(props: { serie: SearchResult; origin: string
         <ButtonLink href={`podcast:${feedUrl.toString()}`} className="block">
           📻 Åpne i din podkast-app
         </ButtonLink>
-        <div className="">
-          <code className="font-mono bg-black text-white select-all p-2">{feedUrl.toString()}</code>
-          <CopyButton text={feedUrl.toString()}>
+        <div className="w-full flex">
+          <CopyButton copyText={feedUrl.toString()} className="whitespace-nowrap">
             Kopier URL
           </CopyButton>
+          <pre className="w-full font-mono bg-black text-white select-all p-2 overflow-x-auto">
+            {feedUrl.toString()}
+          </pre>
         </div>
       </div>
     </div>