Surround most text in a "usa-prose" component #200

tdooner · 2024-08-21T21:00:18Z

Ticket

N/A

Changes

The typography on our pages doesn't match the designs in general:
everything fees cramped with a short line-height and different
font-size. Upon further inspection of the USWDS page templates, most
body content is in a "Prose" component, which makes the text a bit more
readable.

This commit surrounds all the text in a "usa-prose" component.

It also updates the styling of the with the consent, since there
was an extra large bottom margin due to the

.

I didn't touch the payment details page, since Matt is concurrently
refactoring the whole thing.

Context for reviewers

I paired with Carmen and she thought this was a good idea.

Testing

I will record going through the flow for acceptance testing by Carmen.

The typography on our pages doesn't match the designs in general: everything fees cramped with a short line-height and different font-size. Upon further inspection of the USWDS page templates, most body content is in a "Prose" component, which makes the text a bit more readable. This commit surrounds all the text in a "usa-prose" component. It also updates the styling of the <label> with the consent, since there was an extra large bottom margin due to the <p>. I didn't touch the payment details page, since Matt is concurrently refactoring the whole thing.

tdooner · 2024-08-21T23:16:21Z

@carmenrosalop Here are before / after screenshots of every page in the flow. (Before is on the left.) Please advise if you see anything strange. The main weirdness to me is that the homepage text is kind of narrow, but to me it still looks ok and better than it was before.