Dashboard- Groups placement

struggling for quite sometime now, unable to align the groups next to each other, enough desktop space available as shown.
first group is 61 units wide
second group is 18 units wide
third group is 30 groups wide
fourth group is 61 units wide
so logically 2nd and 3rd group should be able to align next to each other horizontally (18+30 < 61)

why is it not?

the docs say,

The layout algorithm of the dashboard always tries to place items as high and to the left as they can within their container - this applies to how groups are positioned on the page, as well as how widgets are positioned in a group.

Given a group with width 6, if you add six widgets, each with a width of 2, then they will be laid out in two rows - three widgets in each.

If you add two groups of width 6, as long as your browser window is wide enough, they will sit alongside each other. If you shrink the browser, at some point the second group will shift to be below the first, in a column.

1 Like

What is your screen resolution?

Does the Dashboard sidebar Layout show any spacers?

Hi,
Screen resolution is 1366x768 in one monitor and 1440x900 in another.
zoom levels at 80% and 67% (Changing either resolution or zoom level doesn't seem to have any effect)

the dashboard layout sidebar doesn't show any spaces in group having 18 units width. (also, i cannot see layout for groups having width of 61 units, i can see the for the group having 18 units width.

1 widget unit is set at (33 x 20 pixels)

image