In my web application I have some kind of filter div where you can select territories and service teams, which are then shown in an other div in a Gantt.
I am not very pleased with the design but I also do not have a better idea.
As it is a business app it should stay straight and clean and not become too playful.
The color is corporate design so I need to use it (But maybe I can make it a little bit less aggressive as it is by now?
add some padding in to give a little more negative/white space, especially between the columns
if using columns, then top to bottom, then left to right would feel more natural to me…
the all/none buttons are clunky and take up a lot of space. Moving to a select all checkbox will seem cleaner, and I’d even suggest thinking about moving it into the purple box to give the white box more space. There’s a lot of wasted space there.
Clearing out what’s needed will actually allow you to use a bigger font size while taking up less “space”.