Output control panel not scrollable

[ttk]

Iris version

3.69.3

What happened?

I have 10 output devices (snapcast clients), and when I open the output control panel (on mobile), some of them are not visible on screen and the panel can't be scrolled because of this CSS rule:

.output-control__inner {
  overflow-y: visible;
}

Changing the css to overflow-y: scroll; makes it work better, but it requires some further tweaking to the position of size of the panel to get it looking right.

Secondly, to close the panel it requires tapping (on mobile) on the very narrow section above the panel, which isn't very obvious. It would be better, IMO, to add an X button on the top right. There seems to be room for it in the UI.