Consistent first line for Tabs and Accordions

Requested by: Steve Quilala

Status: Completed

Live Example:
Change to something that already exists?: Yes
Requires a new CMS Component?: No
Requires New Functionality?: No
Estimated Completion Date: Completed - Early Mar 2019


Right now, when using headings (h1,h2,h3, etc) within Tabs and Accordions components, items that begin with a heading have significant (25px+) top margins. This makes it look inconsistent with other Tab/Accordion items that start with a paragraph.

It is particularly noticeable between tabs because the first line displays at the same level.

Solution: override margin-top using CSS :first-child pseudo selector

Completion Notes:

[SQ pulled code into verf Mar 5.]

[SQ pulled code into production March 7.]

See Tabs component in

Ticket Number: N/A

Media (Screenshots, etc.)

No media uploaded...