From 84ada138f29518e2e9a98eeece2a43b054656096 Mon Sep 17 00:00:00 2001
From: BFLOWS <sandbox@bflows.net>
Date: Thu, 23 Apr 2026 15:21:02 +0200
Subject: [PATCH] fix(ar1-admin): tab icon spacing via marginRight inline
 (primeflex non disponibile)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Il tentativo precedente usava la classe 'mr-2' (convenzione Primeflex), ma
grep conferma che primeflex NON e incluso nel progetto (nessun import in src/,
assente da package.json). 'mr-2' era classe morta → icone restavano attaccate.

Pattern corretto del progetto (vedi Ar1ComplianceModal.js:73, SchemaTemplatePicker.js:111):
  <i className="pi pi-X" style={{ marginRight: '0.5rem' }} />

Soluzione: TabPanel 'leftIcon' stringa -> 'header' JSX con icona+label:
  header={<span><i className="pi pi-X" style={{marginRight:'0.5rem'}} />Label</span>}

Applicato ai 5 TabPanel (Template / Policy / Regole reminder / Invio massivo /
Testi comunicazioni).
---
 src/modules/ar1/pages/Ar1AdminConfig.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/ar1/pages/Ar1AdminConfig.js b/src/modules/ar1/pages/Ar1AdminConfig.js
index 6e00c6b..8dd67c2 100644
--- a/src/modules/ar1/pages/Ar1AdminConfig.js
+++ b/src/modules/ar1/pages/Ar1AdminConfig.js
@@ -59,7 +59,7 @@ const PEC_KIND_OPTIONS = [
 ];
 
 /**
- * Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950352)
+ * Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950454)
  * URL: /ar1-admin
  *
  * 5 sezioni (TabView):
@@ -538,7 +538,7 @@ const Ar1AdminConfig = () => {
             <TabView activeIndex={activeIndex} onTabChange={(e) => setActiveIndex(e.index)}>
 
                 {/* ================ TAB 1: TEMPLATE ================ */}
-                <TabPanel header="Template" leftIcon="pi pi-file-edit mr-2">
+                <TabPanel header={<span><i className="pi pi-file-edit" style={{ marginRight: '0.5rem' }} />Template</span>}>
                     <Card title="Template in uso" style={{ marginBottom: 14 }}>
                         <Message severity="info" style={{ marginBottom: 14 }} text="Questi sono i template attualmente usati per la compilazione AR1. Le modifiche al layout grafico sono immediate per tutte le nuove bozze. Per cambiamenti strutturali, crea una nuova versione." />
                         <DataTable value={activeTemplates} loading={loadingTpl} emptyMessage="Nessun template in uso">
@@ -563,7 +563,7 @@ const Ar1AdminConfig = () => {
                 </TabPanel>
 
                 {/* ================ TAB 2: POLICY ================ */}
-                <TabPanel header="Policy" leftIcon="pi pi-cog mr-2">
+                <TabPanel header={<span><i className="pi pi-cog" style={{ marginRight: '0.5rem' }} />Policy</span>}>
                     <Card>
                         {!policyDraft && <p>Caricamento…</p>}
                         {policyDraft && (
@@ -630,7 +630,7 @@ const Ar1AdminConfig = () => {
                 </TabPanel>
 
                 {/* ================ TAB 3: REGOLE ================ */}
-                <TabPanel header="Regole reminder" leftIcon="pi pi-bell mr-2">
+                <TabPanel header={<span><i className="pi pi-bell" style={{ marginRight: '0.5rem' }} />Regole reminder</span>}>
                     <Card>
                         <Message severity="info" style={{ marginBottom: 14 }} text="Le regole definiscono QUANDO partono automaticamente le PEC di sollecito. Per il contenuto dei testi, vai al tab 'Testi comunicazioni'." />
                         <div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 10 }}>
@@ -647,7 +647,7 @@ const Ar1AdminConfig = () => {
                 </TabPanel>
 
                 {/* ================ TAB 4: BULK PEC ================ */}
-                <TabPanel header="Invio massivo" leftIcon="pi pi-send mr-2">
+                <TabPanel header={<span><i className="pi pi-send" style={{ marginRight: '0.5rem' }} />Invio massivo</span>}>
                     <Card>
                         <Message severity="warn" style={{ marginBottom: 14 }} text="Questa azione segna le aziende selezionate per l'invio di una PEC di sollecito AR1. Esegui sempre prima l'anteprima per verificare il numero di destinatari." />
 
@@ -696,7 +696,7 @@ const Ar1AdminConfig = () => {
                 </TabPanel>
 
                 {/* ================ TAB 5: TESTI PEC ================ */}
-                <TabPanel header="Testi comunicazioni" leftIcon="pi pi-envelope mr-2">
+                <TabPanel header={<span><i className="pi pi-envelope" style={{ marginRight: '0.5rem' }} />Testi comunicazioni</span>}>
                     <Card>
                         <Message severity="info" style={{ marginBottom: 10 }} text="Qui modifichi oggetto e corpo delle PEC inviate dal sistema. Ogni modifica incrementa la versione: il backend Gepafin sincronizza automaticamente i testi nei suoi template per-hub (PEC Massiva / Mailgun)." />