add custom styling to common component

react/common/src/ElixFormsComponentAbstract.tsx

@@ -1,3 +1,4 @@
+import './App.css'
 import * as FluentUI from '@fluentui/react';
 import type { IElixFormsComponentFormState } from './IElixFormsComponentFormState';
 import type { IElixFormsComponentProperties } from './IElixFormsComponentProperties';
@@ -132,6 +133,7 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
       headerTitle,
       pageTitle,
       pageDescription,
+      submitDescription,
       heroImageSrc
     } = this.props;
 
@@ -173,7 +175,7 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
                     </div>
                   </div>
                 )}
-                <div className="receipt">
+                <div className="mainview">
                   <div className="container">
                     {pageTitle && <h1>{pageTitle}</h1>}
                     {heroImageSrc && <img src={heroImageSrc} alt="Hero Image" className="hero-image" />}
@@ -194,7 +196,8 @@ export default abstract class ElixFormsComponentAbstract extends Component<IElix
                           {this.createMandatoryFormFields(queryParams)}
                           {this.createAdditionalFormFields()}
                           {this.renderCustomFormFields()}
-                          <input type="submit" value="Submit" />
+                          <br/>
+                          <input type="submit" value={submitDescription ?? 'Submit'} />
                         </form>
 
                         {this.renderExtraContentPost()}