[Hotfix] Unwrap text on topbar sort options

[chth0n1x]

• Ticket: TBD
• Feature flag: n/a

Purpose

The purpose of these changes was to remove wrapping text in the topbar sort dropdown option selection.

Summary of Changes

• margin for sort dropdown paragraph elements was removed
• a local class selector for sort dropdown options was added
• padding was added to sort dropdown options and the bottom margin removed
• white-space:no-wrap was added to the sort dropdown local class selector

Screenshot(s)

Figure 1: Corrected sort dropdown text wrap on desktop view

Figure 2: Corrected dropdown text on mobile/tablet

Side Effects

There should be no formal side-effects, but this may displace the topbar UI if not properly implemented.

QA Notes

-Do the elements properly display? Is there any text wrapping taking place on any of the options?
-A negative margin can correct the placement of the right dropdown arrow but this is not recommended practice; is there no excessive overlap currently with the button?

[chth0n1x]

The placement of the dropdown arrow can be further improved with a negative margin, but this was not recommended in a previous PR. If preferred however for UI, I can add it.

[coveralls]

Pull Request Test Coverage Report for Build 6029858003

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 70.83%

---

Totals
Change from base Build 6014426417:	0.0%
Covered Lines:	6017
Relevant Lines:	8264

---

💛 - Coveralls

[adlius]

The sort dropdown looks a bit odd in smaller screen sizes