From e6515ea19d11d3a467600e2549a18c13f3ecac0f Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Fri, 8 Aug 2025 17:56:43 +0200
Subject: [PATCH] Refactor CardAnnuncio component to improve title and address
 display with better styling and layout

---
 .../src/components/annuncio_card.tsx          | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/infoalloggi/src/components/annuncio_card.tsx b/apps/infoalloggi/src/components/annuncio_card.tsx
index 8644051..a5cf8b8 100644
--- a/apps/infoalloggi/src/components/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/annuncio_card.tsx
@@ -143,21 +143,20 @@ const CardAnnuncio = ({
               </span>
             </div>
           </div>
+
+          <div className="mb-3 text-center">
+            <span className="sr-only">{t.card.titolo}</span>
+
+            <span className="line-clamp-2 min-h-[3rem] text-base font-medium text-neutral-500 md:text-lg">
+              {titolo}
+            </span>
+          </div>
           <div className="text-center">
-            <div className="mb-3 text-center">
-              <span className="sr-only">{t.card.titolo}</span>
+            <span className="sr-only">{t.card.indirizzo}</span>
 
-              <span className="text-base font-medium text-neutral-500 md:text-lg">
-                {titolo}
-              </span>
-            </div>
-            <div className="text-center">
-              <span className="sr-only">{t.card.indirizzo}</span>
-
-              <span className="text-sm font-medium text-neutral-500">
-                {comune && provincia && `${comune} (${provincia})`}
-              </span>
-            </div>
+            <span className="text-sm font-medium text-neutral-500">
+              {comune && provincia && `${comune} (${provincia})`}
+            </span>
           </div>
         </div>