mitchell/Read more signup

src/sass/_common/common.scss

@@ -598,6 +598,10 @@ ul.bullet.gr-row > li {
     display: list-item;
 }
 
+#tax_information_, #pep_declaration_note_toggle, #professional_info_toggle {
+    font-weight: bold;
+}
+
 .toggle-arrow {
     &:after {
         content: '';

src/templates/_common/components/forms_common_rows.jsx

@@ -229,7 +229,7 @@ export const TaxInformationForm = () => (
     <React.Fragment>
         <div id='tax_information_info' className='gr-12 gr-padding-10'>
             <label>{it.L('Deriv Investments (Europe) Limited is required to collect your tax information.')}&nbsp;
-                <a id='tax_information_note_toggle' className='toggle-arrow' href='javascript:;'>{it.L('Read more.')}</a>
+                <span id='tax_information_note_toggle' className='toggle-arrow'>{it.L('Read more.')}</span>
             </label>
             <span className='required_field_asterisk'>*</span>
 

src/templates/app/_includes/pep_declaration.jsx

@@ -5,7 +5,7 @@ const PepDeclaration = () => (
     <Fieldset legend={it.L('PEP Declaration')}>
         <div className='gr-12'>
             <label>{it.L('A PEP is an individual who is or has been entrusted with a prominent public function. This status extends to a PEP\'s relatives and close associates.')}&nbsp;
-                <a id='pep_declaration_note_toggle' className='toggle-arrow' href='javascript:;'>{it.L('Learn more')}</a>
+                <span id='pep_declaration_note_toggle' className='toggle-arrow'>{it.L('Learn more')}</span>
             </label>
             <div id='pep_declaration_note' style={{ display: 'none' }}>
                 <p>{it.L('A politically exposed person (PEP) is an individual who is or has been entrusted with a prominent public function. Family members and close associates of such individuals are also considered as PEPs. A PEP who has ceased to be entrusted with a prominent public function for at least 12 months no longer qualifies as a PEP.')}</p>

src/templates/app/_includes/professional_client.jsx

@@ -7,7 +7,7 @@ const ProfessionalClient = () => (
             <p>{it.L('By default, all [_1] clients are retail clients but anyone can request to be treated as a professional client.', it.website_name)}</p>
             <input id='chk_professional' type='checkbox' />
             <label htmlFor='chk_professional'>{it.L('I would like to be treated as a professional client.')}&nbsp;</label>
-            <a id='professional_info_toggle' className='toggle-arrow' href='javascript:;'>{it.L('Learn more.')}</a>
+            <span id='professional_info_toggle' className='toggle-arrow' href='javascript:;'>{it.L('Learn more.')}</span>
             <div id='professional_info' style={{ display: 'none' }}>
                 <div id='non_uk' className='invisible'>
                     <p>{it.L('Clients need to satisfy at least two of the following criteria in order to receive Professional Client status:')}</p>