Decrease line height of sidebar items

[swierczek]

Suggested Change The line height/margin of items in the sidebar currently makes it nearly impossible to identify if an item is 2 lines long, or if the 2 lines are 2 separate items. See the "Adding Control Panel Pages" item in the below screenshots.

Decreasing the line height and subsequently increasing the margin should help keep the multi-line phrases together and easier to read.

Before:

After: Suggested changes:

• Change line height to 120% of font size
• Adjust other margin changes to account for this decrease

[swierczek]

Specific suggested changes:

.sidebar-toc > ul > li {
    margin-bottom: 18px;
    line-height: 1.14rem;
}

.sidebar-toc li ul {
    margin-top: 18px;
}

.sidebar-toc li {
    margin-bottom: 13px;
}