From 3b70325e5a4426fffbe408190bb4b8dfed922c66 Mon Sep 17 00:00:00 2001
From: Loris Sigrist <sigrist@hasch.io>
Date: Tue, 5 Dec 2023 09:23:58 +0100
Subject: [PATCH] Allow two-line titles

---
 .../source-code/website/src/interface/components/Card.tsx  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/inlang/source-code/website/src/interface/components/Card.tsx b/inlang/source-code/website/src/interface/components/Card.tsx
index fed5a1f2bc..882f7fe8e7 100644
--- a/inlang/source-code/website/src/interface/components/Card.tsx
+++ b/inlang/source-code/website/src/interface/components/Card.tsx
@@ -31,7 +31,7 @@ export default function Card(props: { item: any; displayName: string }) {
 				}
 				class={
 					"relative no-underline z-10 flex justify-between gap-4 overflow-hidden flex-col group w-full bg-background transition-all border border-surface-200 rounded-xl hover:shadow-lg hover:shadow-surface-100 hover:border-surface-300 active:border-surface-400 " +
-					(showCover || app ? " " : " h-48 p-5")
+					(showCover || app ? " " : /* min-h-48 */ " min-h-[12rem] p-5")
 				}
 			>
 				<Switch>
@@ -128,7 +128,10 @@ export default function Card(props: { item: any; displayName: string }) {
 									</Show>
 								</div>
 								<div class="flex flex-col justify-between items-start">
-									<p class="m-0 mb-2 text-sm text-surface-800 line-clamp-1 leading-none no-underline font-semibold group-hover:text-surface-900 transition-colors">
+									<p
+										style="text-wrap: balance;"
+										class="m-0 mb-2 text-sm text-surface-800 line-clamp-2 leading-none no-underline font-semibold group-hover:text-surface-900 transition-colors"
+									>
 										{props.displayName}
 									</p>
 									<Chip