apply custom elixforms styling

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>