From 30bf625e33a4df4e5f71863262abd58ec4b4cce0 Mon Sep 17 00:00:00 2001
From: silberengel <silberengel7@protonmail.com>
Date: Sun, 24 Aug 2025 08:43:54 +0200
Subject: [PATCH] fix overflowing cards on the landing page

---
 .../publications/PublicationHeader.svelte        | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/publications/PublicationHeader.svelte b/src/lib/components/publications/PublicationHeader.svelte
index db296cd..017f3a6 100644
--- a/src/lib/components/publications/PublicationHeader.svelte
+++ b/src/lib/components/publications/PublicationHeader.svelte
@@ -69,22 +69,22 @@
       {/if}
     </div>
     
-    <div class="flex flex-col flex-grow space-x-2 min-w-0">
-      <div class="flex flex-col flex-grow min-w-0">
-        <a href="/{href}" class="flex flex-col space-y-2 h-full min-w-0">
-          <div class="flex-grow pt-2 min-w-0">
-            <h2 class="text-lg font-bold line-clamp-2 break-words" {title}>{title}</h2>
-            <h3 class="text-base font-normal mt-2 break-words">
+    <div class="flex flex-col flex-grow min-w-0 overflow-hidden">
+      <div class="flex flex-col flex-grow min-w-0 overflow-hidden">
+        <a href="/{href}" class="flex flex-col space-y-2 h-full min-w-0 overflow-hidden">
+          <div class="flex-grow pt-2 min-w-0 overflow-hidden">
+            <h2 class="text-lg font-bold line-clamp-2 break-words overflow-hidden" {title}>{title}</h2>
+            <h3 class="text-base font-normal mt-2 break-words overflow-hidden">
               by
               {#if authorPubkey != null}
                 {@render userBadge(authorPubkey, author, ndk)}
               {:else}
-                {author}
+                <span class="truncate">{author}</span>
               {/if}
             </h3>
           </div>
           {#if version != "1"}
-            <h3 class="text-sm font-semibold text-primary-600 dark:text-primary-400 mt-auto break-words">version: {version}</h3>
+            <h3 class="text-sm font-semibold text-primary-600 dark:text-primary-400 mt-auto break-words overflow-hidden">version: {version}</h3>
           {/if}
         </a>
       </div>