[BUG] section width not correctly calculated in case where column count of section is too high

[shumittaher]

Environment

Self-Hosted (Docker)

System

No response

Version

Dashy version 3.1.1

Describe the problem

When the app layout is in auto mode, and there is no setup mentioned for how many columns the page should have,

it assumes the number of the available columns based on the width of the monitor.

if you set a section col count higher than the automatic number, it can look uneven.

here is an illustration. I mentioned the number of cols I setup in the section header for easy understanding of what's going on. (this is on a 1440p monitor with windows display scaling as 100% only)

if we zoom-in we can see that the sections are not ending in the same longitude. here:

another example:

here the top 3 sections columns are 4 5 and 6 but they all look similar (but same) in size. then we have 2 more of size 2. total should is 4 but it is also taking almost same space as the one above it which was 6. then we have another of size 3 which is in the last row. now we change the last row one from 3 to 2. and here is the result:

as we can see, the bottom row, all the sections are col count 2 but they occupy very different amounts of space.

Additional info

No response

Please tick the boxes

• You have explained the issue clearly, and included all relevant info
• You are using a supported version of Dashy
• You've checked that this issue hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct