Skip to content

Make overview spacings dynamic and tweak them

Tweak the spacings in the overview and make them dynamic, so that they work well across all common screen sizes, and to allow the dash to use a larger icon size.

Compared to main on most popular screen resolutions (ordered by market share, together those make up about 60-70% of the desktop resolutions globally):

1920x1080 (~25% worldwide) main: main-Screenshot_from_2024-04-26_11-05-16 main-Screenshot_from_2024-04-26_10-56-37

new: branch2-Screenshot_from_2024-04-26_12-05-58 branch2-Screenshot_from_2024-04-26_12-06-52

1366x768 (~15% worldwide, top resolution in africa, south america, india) main: main-Screenshot_from_2024-04-26_10-52-04 main-Screenshot_from_2024-04-26_10-52-55

new: branch2-Screenshot_from_2024-04-26_12-07-53 branch2-Screenshot_from_2024-04-26_12-09-12

1536x864 (~10% worldwide) main: main-Screenshot_from_2024-04-26_12-18-58 main-Screenshot_from_2024-04-26_12-19-53

new: branch2-Screenshot_from_2024-04-26_12-10-35 branch2-Screenshot_from_2024-04-26_12-11-32

1440x900 (~5% worldwide) main: main-Screenshot_from_2024-04-26_10-54-24 main-Screenshot_from_2024-04-26_10-55-27

new: branch2-Screenshot_from_2024-04-26_12-15-38 branch2-Screenshot_from_2024-04-26_12-16-33

1280x720 (~5% worldwide) main: main-Screenshot_from_2024-04-26_11-32-53 main-Screenshot_from_2024-04-26_11-34-47

new: branch2-Screenshot_from_2024-04-26_12-14-05 branch2-Screenshot_from_2024-04-26_12-15-00

1024x768 (most popular tablet resolution) main: main-Screenshot_from_2024-04-26_11-51-56 main-Screenshot_from_2024-04-26_11-52-48

new: branch2-Screenshot_from_2024-04-26_12-12-41 branch2-Screenshot_from_2024-04-26_12-13-34

bonus: 720x360 (most popular phone resolution) main: Screenshot_from_2024-04-26_12-26-58

new: Screenshot_from_2024-04-26_12-27-17

Edited by Jonas Dreßler

Merge request reports