fix: dates layout in CardWithImage template and 4 columns layout (#532)

* fix: dates layout in CardWithImage template and 4 columns layout

* Update RELEASE.md

---------

Co-authored-by: Piero Nicolli <[email protected]>

RELEASE.md

@@ -49,7 +49,7 @@
 
 ### Fix
 
-- Risolto un problema riguardante la visualizzazione delle date nelle card che rappresentano uun CT Evento nei vari listati nel caso in cui l'evento si sviluppi su anni diversi
+- Risolto un problema riguardante la visualizzazione delle date nelle card che rappresentano un CT Evento nei vari listati nel caso in cui l'evento si sviluppi su anni diversi
 
 - Nel blocco elenco, sono stati sistemati i filtri per percorso quando si clicca sul bottone configurato.
 

src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx

@@ -152,7 +152,13 @@ const CardWithImageTemplate = (props) => {
                     )}
                     <CardBody className="px-4">
                       {(icon || category || date) && (
-                        <CardCategory iconName={icon} date={date}>
+                        <CardCategory
+                          iconName={icon}
+                          date={date}
+                          className={cx('category-top categoryicon-top', {
+                            'wrap-dates-four-columns': set_four_columns,
+                          })}
+                        >
                           <ListingCategory category={category} item={item} />
                         </CardCategory>
                       )}

src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss

@@ -107,6 +107,16 @@
           font-weight: 400;
           letter-spacing: 1.1px;
         }
+        &.wrap-dates-four-columns {
+          flex-wrap: wrap;
+          .data {
+            margin-top: 0.5rem;
+          }
+
+          ::before {
+            display: none;
+          }
+        }
       }
 
       .card-title {