From 8a8fe7af3f4c93036579ff200a69b65dfe19b478 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Tue, 30 Jan 2024 16:11:05 +0100
Subject: [PATCH] fix: alignment of CardPersona images and better layout for
 tablets, 2 cards max per row at this screen size (#501)

---
 RELEASE.md                                                  | 2 ++
 .../ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx    | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index 1d311bcc3..e56a87832 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -52,6 +52,8 @@
 - Sistemato il layout e la visualizzazione della vista del CT Cartella Modulistica per gestire al meglio gli elementi
   titolo, titolo del modulo e link al download in caso di testi lunghi, specialmente su mobile
 - Colore di sfondo per il blocco icone impostato sul colore primario. Sistemato il contrasto tra descrizione e lo sfondo
+- Risolto un problema di visualizzazione e allineamento delle immagini per le card dei blocchi elenco che rappresentano Persone,
+  migliorata la visualizzazione e il layout su dispositivi tablet (intervallo dimensioni: 992px-1199px)
 
 ## Versione 11.3.2 (19/01/2023)
 
diff --git a/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
index 9bd178fd8..e8ece7bdc 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
@@ -104,17 +104,19 @@ const CardWithImageTemplate = (props) => {
               name: 'BlockExtraTags',
               dependencies: ['CardWithImageTemplate', item['@type']],
             }).component;
+            const layoutSelected = set_four_columns ? '3' : '4';
 
             return (
               <Col
-                lg={set_four_columns ? '3' : '4'}
+                xl={layoutSelected}
+                lg={item['@type'] === 'Persona' ? 6 : layoutSelected}
                 key={item['@id']}
                 className="col-item mb-3"
               >
                 {item['@type'] === 'Persona' ? (
                   <CardPersona
                     item={item}
-                    className="listing-item card-bg shadow-sm"
+                    className="card-bg shadow-sm"
                     showImage={showImage}
                     natural_image_size={natural_image_size}
                     show_description={show_description}