From 1c02e3d1b27b6d7b535786dd028bcb8afa61e1d7 Mon Sep 17 00:00:00 2001
From: Pier-Paolo Mammi <pierpaolo.mammi@unipr.it>
Date: Fri, 17 Jul 2026 13:58:35 +0200
Subject: [PATCH] apply custom elixforms styling

---
 react/common/src/ElixFormsComponentAbstract.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/react/common/src/ElixFormsComponentAbstract.tsx b/react/common/src/ElixFormsComponentAbstract.tsx
index 2fe011d..1ef8fad 100644
--- a/react/common/src/ElixFormsComponentAbstract.tsx
+++ b/react/common/src/ElixFormsComponentAbstract.tsx
@@ -113,7 +113,8 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
 
     return (
       <div>
-        <header className="it-header-wrapper">
+        <header className="it-header-wrapper text-white">
+          {userDisplayName &&
           <div className="it-header-slim-wrapper">
             <div className="container">
               <div className="row">
@@ -169,7 +170,7 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
                 </div>
               </div>
             </div>
-          </div>
+          </div>}
 
           <div className="it-header-center-wrapper">
             <div className="container">
@@ -202,7 +203,7 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
           <div className='cmp-breadcrumb' role='navigation'>
             <nav className="breadcrumb-container" aria-label="breadcrumb">
               <ol className="breadcrumb">
-                <li className='breadcrumb-item'>Procedure Online<span className="separator">/</span></li>
+                <li className='breadcrumb-item'>Procedure Online<span className="separator">&gt;</span></li>
                 <li className="breadcrumb-item active" aria-current="page">{moduleName}</li>
               </ol>
             </nav>
@@ -251,13 +252,13 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
           </div>
         </div>
 
-        <footer className="it-footer">
+        <footer className="it-footer text-white">
           <div className="it-footer-small-prints clearfix">
             <div className="container">
               <section>
                 <div className="row clearfix">
                   <div className="col-sm-12">
-                    <div className="footer-content text-white text-center p-2">
+                    <div className="footer-content text-center p-2">
                       <div className="subfooter-top">powered by <span className="highlight">elixForms</span></div>
                       {/* <div className="subfooter-bottom"><div>versione 1.24.0</div></div> */}
                     </div>