From 8e64780f7281986efb9cb82ed037216c979993b4 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Mon, 2 Feb 2026 19:05:23 +0700
Subject: [PATCH] Ensure product titles have minimum 2-line height

Add min-h-[2.5rem] to product titles for consistent card layout
across all products, regardless of title length.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/pages/Products.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Products.tsx b/src/pages/Products.tsx
index 1dd662a..f058141 100644
--- a/src/pages/Products.tsx
+++ b/src/pages/Products.tsx
@@ -232,7 +232,7 @@ export default function Products() {
               <Card key={product.id} className="border-2 border-border shadow-sm hover:shadow-md transition-shadow h-full flex flex-col">
                 <CardHeader className="pb-4">
                   <div className="flex justify-between items-start gap-2 mb-2">
-                    <CardTitle className="text-xl line-clamp-2 leading-tight">{product.title}</CardTitle>
+                    <CardTitle className="text-xl line-clamp-2 leading-tight min-h-[2.5rem]">{product.title}</CardTitle>
                     <Badge className="shrink-0">
                       {getTypeLabel(product.type)}
                     </Badge>