From 368a187edb8eff2530f9fa370a0f40242ba0a991 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Sun, 10 Aug 2025 18:01:36 +0200
Subject: [PATCH] Enhance AnnuncioCard layout by adding a separator and
 adjusting styles for improved visual hierarchy

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

diff --git a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
index da8cf92..cfb7161 100644
--- a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
@@ -28,6 +28,7 @@ import {
   CarouselPrevious,
 } from "~/components/ui/carousel";
 import { AnnuncioActions } from "~/components/servizio/annuncio_actions";
+import { Separator } from "~/components/ui/separator";
 
 export const AnnuncioCard = ({ className }: { className?: string }) => {
   const { data } = useServizioAnnuncio();
@@ -69,9 +70,9 @@ export const BasicAnnuncioCard = ({
   const { t } = useTranslation();
 
   return (
-    <Card className={cn("w-full border-white", className)}>
-      <CardHeader className="flex flex-row items-center justify-between space-y-0">
-        <CardTitle className="text-xl">Codice: {data.codice}</CardTitle>
+    <Card className={cn("w-full border-white py-5", className)}>
+      <CardHeader className="flex flex-row flex-wrap items-center justify-between space-y-0 pb-0">
+        <CardTitle className="text-2xl">Codice: {data.codice}</CardTitle>
         {actions}
       </CardHeader>
       <CardContent className="px-4">