From 40ca2c98645f28bafaf65b67929fbf8d67c649d5 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Mon, 29 Jan 2024 17:46:14 +0100
Subject: [PATCH] fix: ct Cartella Modulistica layout fixes, handle long text
 and fix mobile layout (#497)

Co-authored-by: Piero Nicolli <pnicolli@users.noreply.github.com>
---
 RELEASE.md                                          |  2 ++
 .../ItaliaTheme/Views/_cartellaModulistica.scss     | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/RELEASE.md b/RELEASE.md
index c4661ced3..97eeb8377 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -46,6 +46,8 @@
 ### Fix
 
 - Risolto un problema di visualizzazione degli argomenti indicati come altri argomenti nel blocco Argomenti quando il loro numero è esiguo
+- 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
 
 ## Versione 11.3.2 (19/01/2023)
 
diff --git a/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss b/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss
index d5d810d9a..85ab209ad 100644
--- a/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss
+++ b/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss
@@ -48,7 +48,9 @@ $docs-section-margin: 3em;
           justify-content: space-between;
           padding: 0.4em 0;
           gap: 4rem;
-
+          .title {
+            flex: 1;
+          }
           .title-wrap {
             flex: 1;
 
@@ -182,6 +184,14 @@ $docs-section-margin: 3em;
       .documents-section,
       .document-row-section {
         .doc-row {
+          .doc:not(.modulo) {
+            flex-direction: column;
+            align-items: flex-start;
+            justify-content: center;
+            .downloads {
+              width: 100%;
+            }
+          }
           .doc {
             flex-wrap: wrap;
             align-items: center;
@@ -211,6 +221,7 @@ $docs-section-margin: 3em;
 
             &.modulo {
               justify-content: space-between;
+              flex-wrap: nowrap;
 
               .title,
               .downloads {