From 104eba73d047f0236376c1d8965733634475de9e Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Thu, 2 Jan 2025 11:19:07 +0100
Subject: [PATCH] - saving progress;

---
 src/assets/scss/components/appPage.scss        | 1 +
 src/assets/scss/components/statsBigBadges.scss | 6 +++++-
 src/pages/UserActivity/index.js                | 7 ++++---
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/components/appPage.scss b/src/assets/scss/components/appPage.scss
index 6c2e5e2..4ed00a3 100644
--- a/src/assets/scss/components/appPage.scss
+++ b/src/assets/scss/components/appPage.scss
@@ -218,6 +218,7 @@
 
         .appPageSection__pMeta {
             margin-bottom: 1em;
+            break-inside: avoid;
 
             span:nth-of-type(1) {
                 max-width: 30%;
diff --git a/src/assets/scss/components/statsBigBadges.scss b/src/assets/scss/components/statsBigBadges.scss
index 7de0232..1788b0c 100644
--- a/src/assets/scss/components/statsBigBadges.scss
+++ b/src/assets/scss/components/statsBigBadges.scss
@@ -5,11 +5,15 @@
     display: grid;
     align-items: stretch;
     /*grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
-    grid-template-columns: repeat(2, minmax(220px,1fr));
+    grid-template-columns: repeat(2, minmax(220px, 1fr));
     gap: 1rem;
     width: 100%;
     container-name: big-badges-grid;
     container-type: inline-size;
+
+    &.grid-small {
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    }
 }
 
 .statsBigBadges__grid .statsBigBadges__gridItem span {
diff --git a/src/pages/UserActivity/index.js b/src/pages/UserActivity/index.js
index 0ca205a..c0b1921 100644
--- a/src/pages/UserActivity/index.js
+++ b/src/pages/UserActivity/index.js
@@ -92,7 +92,6 @@ const UserActivity = () => {
                 </div>
             </div>
 
-
             <div className="appPageSection__withBorder columns">
                 <p className="appPageSection__pMeta">
                     <span>{__('Nome utente', 'gepafin')}</span>
@@ -120,9 +119,11 @@ const UserActivity = () => {
                 </p>
             </div>
 
+            <div className="appPage__spacer"></div>
+
             <div className="appPageSection">
                 <h2>{__('Statistiche attività', 'gepafin')}</h2>
-                <div className="statsBigBadges__grid">
+                <div className="statsBigBadges__grid grid-small">
                     <div className="statsBigBadges__gridItem">
                         <span>{__('Login totali', 'gepafin')}</span>
                         <span>{<NumberFlow
@@ -138,7 +139,7 @@ const UserActivity = () => {
                             locales="it-IT"/>}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Documenti da integrare', 'gepafin')}</span>
+                        <span>{__('Domande processate', 'gepafin')}</span>
                         <span>{<NumberFlow
                             value={getStatValue('numberOfActiveCalls', 0)}
                             format={{ notation: 'compact' }}