From 49b7acf987a2771046232f41814900120dd8e897 Mon Sep 17 00:00:00 2001
From: BFLOWS <sandbox@bflows.net>
Date: Sat, 18 Apr 2026 19:34:03 +0200
Subject: [PATCH] style(istruttoriaPratica): DataTable fatture width 100% come
 ULA

La sezione 'Verifica fatture' appariva piu stretta di 'Verifica dipendenti ULA'
in istruttoria. La tabella ULA era wrappata in <div style={width:100%}> mentre
quella fatture no: il componente DataTable di PrimeReact non eredita
sempre la width del parent appPageSection quando e figlio diretto di una
IIFE senza container intermedio.

Fix:
- aggiunto style={{ width: '100%' }} alla prop top-level della DataTable fatture
  (si applica al wrapper .p-datatable, non solo al <table> interno)
- aggiunto wrapper <div style={{ width: '100%' }}> attorno alla DataTable
  fatture, coerente con la struttura gia usata dalla sezione ULA

Nessuna modifica al contenuto o alle colonne.

Segnalazione Carlo.
---
 src/modules/rendicontazione/pages/IstruttoriaPratica.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/modules/rendicontazione/pages/IstruttoriaPratica.js b/src/modules/rendicontazione/pages/IstruttoriaPratica.js
index 49668e3..11dd1ee 100644
--- a/src/modules/rendicontazione/pages/IstruttoriaPratica.js
+++ b/src/modules/rendicontazione/pages/IstruttoriaPratica.js
@@ -622,6 +622,7 @@ const IstruttoriaPratica = () => {
                     }
 
                     return (
+                        <div style={{ width: '100%' }}>
                         <DataTable
                             value={sortedInvoices}
                             dataKey="id"
@@ -631,6 +632,7 @@ const IstruttoriaPratica = () => {
                             sortMode="single"
                             sortField="category_code"
                             sortOrder={1}
+                            style={{ width: '100%' }}
                             tableStyle={{ minWidth: '1100px', width: '100%' }}
                             expandedRows={expandedInv}
                             onRowToggle={(e) => setExpandedInv(e.data)}
@@ -773,6 +775,7 @@ const IstruttoriaPratica = () => {
                                     </div>
                                 )} />
                         </DataTable>
+                        </div>
                     );
                 })()}
             </div>