Dashboard style error

[ledoqsang]

I know it sounds stupid, but the “Script Installer” button seems to have no spacing with the button in front when on the computer screen.

[dan3008]

looks fine on mine. Might be to do with your screen resolution?

Intresting issue though…

[Jri-Creator]

I, too, have this issue. I am on a MacBook Air.

[lovebug]

I tried it on two different computers with different resolution screens but both are running linux mint and using librewolf browser

Both tried with dark and light themes too and ok

[Jri-Creator]

I wonder if it’s google chrome that’s having issues.

[wasik405]

This is what it looks like normally (brave browser)

but when I zoom out a little:

[Admin]

I tested the current design on Firefox and it didn’t have this issue, but I’ll have a look again with Chrome and see if the breakpoints need to be tweaked. Thanks for bringing this up!

[ledoqsang]

I tested again with 100% scale in windows display setting and it normal, but when tried at 125% scale (which is default by some device), it broken (normal if you zoom out browser to 90%)

[Admin]

Hmm, I tested it briefly but wasn’t able to reproduce. But testing it zoomed is a good tip. Strange that zooming in would cause the layout to change though.

[Admin]

OK, I managed to reproduce the issue.

It doesn’t have anything to do with zoom levels, but screen sizes. Specifically, this issue only appears to happen on screen sizes between 1400px and 1600px wide. From 1400px wide, all four buttons sit side by side, but they slightly overlap. With 1600px, the entire page gets wider, fixing the overlap issue.

This is a slightly annoying issue because there is no Bootstrap breakpoint to make the buttons go in a 2x2 grid on that screen size. But fortunately, the overlap is small enough that it can be fixed with overflow.