From afda4cca6c9f23ebac1681ea18e18e0d0e385538 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 16 Dec 2025 11:17:30 +0100
Subject: [PATCH] refactor: improve layout and styling of BasicAnnuncioCard
 component

---
 .../infoalloggi/src/components/servizio/annuncio_card.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
index ef26396..809d9fc 100644
--- a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
@@ -49,7 +49,7 @@ export const BasicAnnuncioCard = ({
 			</CardHeader>
 			<CardContent className="px-3">
 				<div className="flex w-full flex-col gap-4 md:gap-10">
-					<div className="grid grid-cols-[6rem_auto] gap-2 gap-x-4 md:grid-cols-[12rem_auto] md:gap-x-10">
+					<div className="grid grid-cols-[6rem_auto] gap-2 gap-x-4 rounded-md md:max-w-3xl md:grid-cols-[12rem_auto] md:gap-x-8 md:bg-[#e6e9ec]/50">
 						<div className="row-span-3">
 							<Image
 								alt={data.codice}
@@ -71,11 +71,11 @@ export const BasicAnnuncioCard = ({
 							/>
 						</div>
 
-						<div className="flex w-full max-w-xl flex-wrap gap-5 md:col-span-1">
+						<div className="flex w-full max-w-xl flex-wrap gap-5 md:col-span-1 md:mt-4 md:pr-8">
 							<span className="text-wrap">{data.titolo_it}</span>
 						</div>
 
-						<div className="col-span-2 flex w-full max-w-xl flex-wrap items-center justify-between gap-3 md:col-span-1">
+						<div className="col-span-2 flex w-full max-w-xl flex-wrap items-center justify-between gap-3 md:col-span-1 md:pr-8">
 							<TipoBadge tipo={data.tipo} />
 							<span>
 								{handleConsegna({
@@ -90,7 +90,7 @@ export const BasicAnnuncioCard = ({
 								{formatCurrency(data.prezzo / 1e2)}
 							</span>
 						</div>
-						<div className="col-span-2 w-full max-w-xl md:col-span-1">
+						<div className="col-span-2 w-full max-w-xl md:col-span-1 md:pr-8">
 							<AnnuncioDettaglio data={data} />
 						</div>
 					</div>