10427 Minor tweaks to adjust font sizing

ustaxcourt · Sep 9, 2024 · 57584e6 · 57584e6
1 parent bed4ec2
commit 57584e6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 16 deletions.
diff --git a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep2.tsx b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep2.tsx
@@ -1,6 +1,6 @@
 import { AutoGeneratePetitionForm } from '@web-client/views/StartCaseUpdated/AutoGeneratePetitionForm';
-import { Button } from '@web-client/ustc-ui/Button/Button';
 import { FormGroup } from '@web-client/ustc-ui/FormGroup/FormGroup';
+import { InlineLink } from '@web-client/ustc-ui/InlineLink/InlineLink';
 import { PETITION_TYPES } from '@shared/business/entities/EntityConstants';
 import { RedactionAcknowledgement } from '@web-client/views/StartCaseUpdated/RedactionAcknowledgement';
 import { StateDrivenFileInput } from '@web-client/views/FileDocument/StateDrivenFileInput';
@@ -90,18 +90,12 @@ export const UpdatedFilePetitionStep2 = connect(
                 You may download and fill out the Court’s form if you haven’t
                 already done so:
               </p>
-              <Button
-                link
-                className="usa-link--external text-left mobile-text-wrap"
+              <InlineLink
                 href="https://www.ustaxcourt.gov/resources/forms/Petition_Simplified_Form_2.pdf"
                 icon="file-pdf"
-                iconColor="blue"
-                overrideMargin="margin-right-1"
-                rel="noopener noreferrer"
-                target="_blank"
               >
                 Petition form (T.C. Form 2)
-              </Button>
+              </InlineLink>
             </div>
             <FormGroup
               className="margin-top-2"

diff --git a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep4.tsx b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep4.tsx
@@ -31,11 +31,11 @@ export const UpdatedFilePetitionStep4 = connect(
           <h2>Case procedure</h2>
           <div className="maxw-none tax-case-info">
             If your case qualifies, you may choose to have it handled as a small
-            tax case. The Court handles small tax cases differently.
+            tax case. The Court handles small tax cases differently.{' '}
+            <InlineLink href="https://ustaxcourt.gov/case_procedure.html">
+              Which case procedure should I choose?
+            </InlineLink>
           </div>
-          <InlineLink href="https://ustaxcourt.gov/case_procedure.html">
-            Which case procedure should I choose?
-          </InlineLink>
 
           <div className="margin-top-3">
             <ProcedureType

diff --git a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep5.tsx b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep5.tsx
@@ -34,10 +34,11 @@ export const UpdatedFilePetitionStep5 = connect(
           />
           <div style={{ fontSize: '18px', marginBottom: '3px' }}>
             Download and fill out the form if you haven&apos;t already done so:
+            <br />
+            <InlineLink href="https://www.ustaxcourt.gov/resources/forms/Form_4_Statement_of_Taxpayer_Identification_Number.pdf">
+              Statement of Taxpayer Identification Number (T.C. Form 4).
+            </InlineLink>
           </div>
-          <InlineLink href="https://www.ustaxcourt.gov/resources/forms/Form_4_Statement_of_Taxpayer_Identification_Number.pdf">
-            Statement of Taxpayer Identification Number (T.C. Form 4).
-          </InlineLink>
 
           <div className="margin-top-3">
             <FormGroup