Reconsider large font sizes

[seanmturley]

Description

The largest fonts in the site may be too big:

• The --title-font could be dropped down in size slightly (not sure about this - even reducing to 2.2 rem greatly reduces the clarity of visual hierarchy in comparison to --body-font). Look a Reddit and similar information dense sites for guidance.
• The font in the dropdown menu is definitely too large (and has too much padding). This looks a bit silly/unprofessional. Need to experiment with whether this could be dropped all the way down from --title-font to --body-font, or whether some middle ground is necessary. It's worth noting that the size adjustment will be a little complicated due to the ToggleSwitch for theme.

[seanmturley]

The DropdownMenu font has all been reduced to --body-font, and the padding around each item reduced. This looks better.

There are a few little adjustments which would give the DropdownMenu a bit more polish:

• [x] Increase the width of the dropdown - the extra horizontal space should make the ToggleSwitch look less cramped.
• [x] Apply a border-radius to the bottom of the DropdownMenu.
• [ ] ~Consider reducing the spacing between the icons and text - my initial instinct was to reduce this space, but it may be best as is.~

[seanmturley]

Decided to keep the existing spacing between the icons and text. All other changes to the DropdownMenu are complete, and it's looking much more refined.

[seanmturley]

Considering reducing all text slightly to the following:

• Detail: 1.3rem
• Body: 1.6rem
• Title: 2.2rem

This is shaving off 0.1rem from detail and body (a very subtle change), and 0.2rem from title, which is a noticeable decrease. I have a tendency to have font sizes a little too big, so I'm trying to fight against that. I think this smaller title-font still maintains good visual hierarchy, while avoiding looking too "cartoony" or "childish".

[seanmturley]

Went ahead with slight reduction of all font sizes as described in the previous comment.