From eebf6e4129c021dc361638c940b62b67a5b15739 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Thu, 31 Oct 2024 12:46:20 +0100
Subject: [PATCH] fix: arlogin styles in 992px-1200px media query space (#802)

---
 RELEASE.md                                             |  8 +++++++-
 .../ItaliaTheme/Header/HeaderSlim/LoginButton.jsx      |  2 +-
 src/theme/ItaliaTheme/_main.scss                       | 10 ++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index d7352a77a..000413bb8 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -39,7 +39,13 @@
 ### Fix
 
 - ...
--->
+ -->
+
+## Versione X.X.X (dd/mm/yyyy)
+
+### Fix
+
+- Risolto un problema di visualizzazione grafica per il bottone di login all'area personale per alcune specifiche dimensioni di schermi
 
 ## Versione 11.24.3 (24/10/2024)
 
diff --git a/src/components/ItaliaTheme/Header/HeaderSlim/LoginButton.jsx b/src/components/ItaliaTheme/Header/HeaderSlim/LoginButton.jsx
index 37063faff..faf9ac8b3 100644
--- a/src/components/ItaliaTheme/Header/HeaderSlim/LoginButton.jsx
+++ b/src/components/ItaliaTheme/Header/HeaderSlim/LoginButton.jsx
@@ -9,7 +9,7 @@ import { Button } from 'design-react-kit';
 const LoginButton = ({ children, baseLoginUrl, size = 'full' }) => {
   return baseLoginUrl ? (
     <Button
-      className="btn-icon"
+      className="btn-icon login-button"
       color="primary"
       href={baseLoginUrl}
       icon={false}
diff --git a/src/theme/ItaliaTheme/_main.scss b/src/theme/ItaliaTheme/_main.scss
index 9cfc4eff1..63315f0f3 100644
--- a/src/theme/ItaliaTheme/_main.scss
+++ b/src/theme/ItaliaTheme/_main.scss
@@ -381,3 +381,13 @@ iframe {
     }
   }
 }
+
+.public-ui
+  .it-header-slim-wrapper
+  .it-header-slim-wrapper-content
+  .it-header-slim-right-zone.header-slim-right-zone
+  .login-button {
+  @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width:#{map-get($grid-breakpoints, xl)}) {
+    flex: unset;
+  }
+}