From 96442927aa9ac3cc85fcf90c8aa64e204231f61b Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Mon, 29 Jan 2024 17:36:18 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20visualizzazione=20altri=20argomenti=20in?=
 =?UTF-8?q?=20blocco=20argomenti=20quando=20il=20loro=20numero=20=C3=A8=20?=
 =?UTF-8?q?esiguo=20(#493)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: visualizzazione altri argomenti in blocco argomenti quando il loro numero è esiguo

* fix: use col-lg-auto instead, remove unnecessary text-start class
---
 RELEASE.md                                                  | 6 ++++++
 .../ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody.jsx   | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index 2002f3d4b..c4661ced3 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -41,6 +41,12 @@
 - ...
 -->
 
+## Versione X.X.X (dd/mm/yyyy)
+
+### Fix
+
+- Risolto un problema di visualizzazione degli argomenti indicati come altri argomenti nel blocco Argomenti quando il loro numero è esiguo
+
 ## Versione 11.3.2 (19/01/2023)
 
 ### Fix
diff --git a/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody.jsx b/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody.jsx
index 3e9dc4e5c..cfad9c071 100644
--- a/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody.jsx
+++ b/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody.jsx
@@ -17,13 +17,13 @@ const messages = defineMessages({
 const BottomBody = ({ data, intl }) => {
   return data?.arguments?.length > 0 ? (
     <Container className="text-center">
-      <div className="row d-lg-inline-flex pt-5">
-        <div className="col-lg-3">
+      <div className="row d-lg-inline-flex align-items-center pt-5">
+        <div className="col-lg-auto">
           <h6 className="text-uppercase text-center mt-1">
             {intl?.formatMessage(messages.otherArguments)}
           </h6>
         </div>
-        <div className="col-lg-9 text-start">
+        <div className="col-lg-auto">
           {data?.arguments?.map((argument, index) => (
             <Chip
               color="primary"