Consistent first line for Tabs and Accordions

Requested by: Steve Quilala

Status: Completed

Live Example: https://psych.ok.ubc.ca/graduate/ma-phd/
Change to something that already exists?: Yes
Requires a new CMS Component?: No
Requires New Functionality?: No
Estimated Completion Date: Completed - Early Mar 2019

Description

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 https://psych.ok.ubc.ca/graduate/ma-phd/


Ticket Number: N/A


Media (Screenshots, etc.)

No media uploaded...