[BUG] Auto-resizing/scaling breaks with 5+ sections

[darknessblade]

Environment

Other (Specify below)

System

Proxmox container {Tteck script}

Version

Latest release

Describe the problem

Note: I used the DEMO page to visualize/easily reproduce the bug/issue.

Steps to reproduce:
1 Open demo page [Layout= auto]
2 Resize the left/top most section to a width of 5
3 save
4 reload page

The main issue is that the right most tab [productivity] spans a bigger width than it should.
In the above example each section below the top one. each section should be at most 2-3 icons wide,

Only If I zoom out really far (67%) the scaling doesn't break, but this makes the font size barely legible, and limits the sections below the top section to 1 link/button per row.

If I resize the top section to a width of 4 the sections below do scale correctly

Display specs: lg 27ul500 {4K display}

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

[darknessblade]

Potential solution to resolve the issue:
Feature: Limit section Icons/buttons columns to a user specified limit, regardless of page-zoom settings

Crude edit/example, of how I imagine it would look: