10427 Improve styling of Add IRS Notice link-style button

ustaxcourt · Sep 9, 2024 · 80cc309 · 80cc309
1 parent 44804f6
commit 80cc309
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/web-client/src/styles/forms.scss b/web-client/src/styles/forms.scss
@@ -729,6 +729,7 @@ label.ustc-upload {
   resize: vertical;
 }
 
+.add-another-irs-notice-button,
 .add-another-reason-button,
 .add-another-fact-button {
   @media only screen and (max-width: $medium-screen - 1px) {

diff --git a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx
@@ -1,7 +1,6 @@
 import { Button } from '@web-client/ustc-ui/Button/Button';
 import { CaseTypeSelect } from '@web-client/views/StartCase/CaseTypeSelect';
 import { FormGroup } from '@web-client/ustc-ui/FormGroup/FormGroup';
-import { Icon } from '@web-client/ustc-ui/Icon/Icon';
 import { IrsNoticeUploadForm } from './IrsNoticeUploadForm';
 import { RedactionAcknowledgement } from '@web-client/views/StartCaseUpdated/RedactionAcknowledgement';
 import { UpdatedFilePetitionButtons } from '@web-client/views/StartCaseUpdated/UpdatedFilePetitionButtons';
@@ -11,7 +10,6 @@ import { sequences } from '@web-client/presenter/app.cerebral';
 import { state } from '@web-client/presenter/app.cerebral';
 import { useValidationFocus } from '@web-client/views/UseValidationFocus';
 import React from 'react';
-import classNames from 'classnames';
 
 export const UpdatedFilePetitionStep3 = connect(
   {
@@ -163,15 +161,11 @@ export const UpdatedFilePetitionStep3 = connect(
                 {irsNoticeUploadFormInfo.length < 5 && (
                   <Button
                     link
-                    className={classNames('padding-top-0', 'text-left')}
+                    className="add-another-notice-button padding-0"
                     data-testid="add-another-irs-notice-button"
+                    icon="plus"
                     onClick={() => addAnotherIrsNoticeToFormSequence()}
                   >
-                    <Icon
-                      className="fa-icon-blue"
-                      icon={['fas', 'plus']}
-                      size="1x"
-                    />
                     Add another IRS Notice
                   </Button>
                 )}