Fixed typos and added new text (#268)

src/main/www/src/components/Application/MembershipLevel/MembershipLevel.js

@@ -26,7 +26,8 @@ const MembershipLevel = ({ formik }) => {
       <div className="align-center">
         <h1 className="fw-600 h2">Membership Level</h1>
         <p>
-          Please indicate the class of membership for which you are applying
+          Please indicate the class of membership for which you are applying. Note that most new members choose
+          Contributing.
         </p>
         <h2 className="fw-600 h4" id={membershipLevel.name}>
           What is your intended Membership Level?
@@ -46,11 +47,7 @@ const MembershipLevel = ({ formik }) => {
         <MembershipLevelFeeTable />
       </div>
 
-      <CustomStepButton
-        previousPage="/company-info"
-        nextPage="/working-groups"
-        pageIndex={2}
-      />
+      <CustomStepButton previousPage="/company-info" nextPage="/working-groups" pageIndex={2} />
     </form>
   );
 };

src/main/www/src/components/Application/MembershipLevel/MembershipLevelFeeTable.js

@@ -5,7 +5,19 @@
 const MembershipLevelFeeTable = () => {
   return (
     <>
-      <div className="vertical-align margin-top-50">
+      <p className="margin-top-50">
+        Eclipse Foundation charges annual membership fees based on your annual revenues, your type of organization, and
+        your class of membership. The following table is shown for illustrative purposes. Please review the{' '}
+        <a
+          href="https://www.eclipse.org/org/documents/eclipse-foundation-membership-agreement.pdf"
+          target="_blank"
+          rel="noreferrer"
+        >
+          Eclipse Foundation Membership Agreement
+        </a>{' '}
+        for full details.
+      </p>
+      <div className="vertical-align">
         <table className="table table-stripped" cellSpacing="0">
           <thead>
             <tr>

src/main/www/src/components/Application/Review/Review.tsx

@@ -29,7 +29,7 @@ const Review: React.FC<ReviewProps> = ({ values, submitForm, isTermChecked, setI
     >
       <h1 className="fw-600 h2">Review and Submit your Completed Application</h1>
       <p>
-        Please review your completed membership application form. If you would like to make changes to the information,
+        Please review your completed Membership Application Form. If you would like to make changes to the information,
         please click the back button.
       </p>
       <p>
@@ -39,10 +39,11 @@ const Review: React.FC<ReviewProps> = ({ values, submitForm, isTermChecked, setI
         <h2 className="fw-600 h3">Company Information</h2>
         <div className="row">
           <div className="col-md-16">
-            <div className="margin-top-25 preview-field">{values.organization.legalName}</div>
+            <label>Organization Name</label>
+            <div className="preview-field">{values.organization.legalName}</div>
           </div>
           <div className="col-md-8">
-            <label>twitter</label>
+            <label>Twitter</label>
             <div className="preview-field">{values.organization.twitterHandle}</div>
           </div>
         </div>
@@ -69,7 +70,7 @@ const Review: React.FC<ReviewProps> = ({ values, submitForm, isTermChecked, setI
             <div className="preview-field">{values.organization.address.city}</div>
           </div>
           <div className="col-md-4">
-            <label>province/State</label>
+            <label>Province/State</label>
             <div className="preview-field">{values.organization.address.provinceOrState}</div>
           </div>
           <div className="col-md-4">
@@ -188,7 +189,7 @@ const Review: React.FC<ReviewProps> = ({ values, submitForm, isTermChecked, setI
                   </div>
 
                   <div className="col-md-24">
-                    <p className="h4 fw-600 margin-top-25">The working Group Representative</p>
+                    <p className="h4 fw-600 margin-top-25">The Working Group Representative</p>
                   </div>
                   <div className="col-md-6">
                     <label>First Name</label>

src/main/www/src/components/Application/SigningAuthority/SigningAuthority.js

@@ -25,8 +25,8 @@ const SigningAuthority = ({ formik }) => {
           Signing Authority
         </h1>
         <p>
-          Please Indicate the individual who has the signing authority for the
-          agreement
+          Please indicate the individual who has the signing authority for the
+          agreement.
         </p>
 
         <div className="row">