How to Shrink the userPanel Dropdowns

If you've installed some plugins that extend the Dropdowns of WoltLab Suite, you might want to shrink them down a little bit, a least for notebook screens that are wide but no so tall. The following code adjusts font and icon sizes and the padding so the panel fits better and would only be executed if the viewport is wider than 1024px and has a maximum height of 700px.

The best place for this code would be the Global CSS and SCSS in your WoltLab Suite's ACP.