LG-6485: Update line height value for accordion component

[aduth]

Why: To improve readability when the accordion heading spans multiple lines of text.

Live preview: https://federalist-2f194a10-945e-4413-be01-46ca6dae5358.app.cloud.gov/preview/18f/identity-style-guide/aduth-lg-6485-accordion-line-height/components/accordions/

Screenshots:

Before	After

[nickttng]

This looks good. TY!

[zachmargolis]

LGTM

[aduth]

The visual regression failure highlighted an interesting side-effect of this change: Since the "here's how you know" of the USA banner is implemented as an accordion, it was impacted by these changes, slightly increasing the height of the banner. I can bring that specific accordion button back down to the smaller line-height if you'd rather it not change, @nickttng ?

[nickttng]

@aduth After testing across browsers and widths, I think a slight increase is okay. Are you okay with it, too? Particularly if/when this is in effect with the IdP.

[aduth]

@aduth After testing across browsers and widths, I think a slight increase is okay. Are you okay with it, too? Particularly if/when this is in effect with the IdP.

I think it'd be fine too.

Only other thing worth pointing out is I discovered USWDS does define some explicit line-height for the banner text ("Official website...") equivalent to 1.2, and previously the accordion button's line-height didn't matter so much since it was smaller and the text + button were vertically centered. We could opt to style the banner accordion button to 1.2 to bring them back in sync?

[nickttng]

We could opt to style the banner accordion button to 1.2 to bring them back in sync?

Given the USWDS discovery, this makes sense. 👍🏼

[aduth]

Given the USWDS discovery, this makes sense. 👍🏼

Cool, I think so too 👍 Updated in 812f87a.

[nickttng]

Just inspected the latest built. Looking good.

[aduth]

Current visual regression build failure looks more expected now, limited to just the accordions themselves: