refactor: improve styles in shortcut hint

[nicodh]

• add alternative shortcut to open shortcut hints

Before:

After:

#skip-changelog

[nicodh]

Of course the dialog now needs much more space, what can be considered worse...

[WofWca]

Looks much better on the screenshot, but on not-super-tall screens it's really weird.

2025-01-31-3hUo8q06sz.mp4

I don't think it should be horizontally scrollable.

[WofWca]

TBH I liked the original screenshot more.
IDK about three columns. Seems too much. And "Force Refresh Network" takes too much space IMO. I'd keep the layout, but only fix the spacing and wrapping.
This what it looks like now:

[nicodh]

IDK about three columns. Seems too much.

Well otherwise you have a narrow window but have to scroll a lot. Not what I would expect if I have a wide enough screen.

[nicodh]

This what it looks like now:

Looks weird. So you have a screen with less than 760px height, on the other hand no scrollbar?

[WofWca]

Looks weird. So you have a screen with less than 760px height, on the other hand no scrollbar?

No no, there is a scrollbar. I scrolled it to bottom, it's fine in this regard.

[nicodh]

So I reduced the paddings and margins so that scrolling with 2 columns is less often used

[WofWca]

On 0.6x zoom there is always 1 column, no matter how wide the window is:

[WofWca]

Suggested change

	padding-left: 10px;
	padding-bottom: 10px;
	justify-content: space-evenly;
	padding-left: 10px;
	padding-bottom: 10px;

Otherwise when there is one column it's kinda off IMO.

[WofWca]

Don't you think the column order is better? To me it seems intuitive to read it top-to-bottom. And there are no sections that are extra wide: