CSS hacks for UI design

Hello Sean I have been following your posts regarding the CSS hacks for UI design in Ninox. I was feeling really helpless until a few community members advised about your posts for tweaking the design editor using CSS.

I am trying to design a particular type of Home Screen/Dashboard that I saw in Filemaker. It is a screen that involves Vertical alignment of the buttons (screenshot attached). Following your posts I was able to achieve the result but to a little bit. I also came across one of the posts from @jess_spiers from 2 years ago (https://forum.ninox.com/t/35hrzfd#p8hr035) where he was able to design his screen on the same concept as mine (screenshot attached).

I want to design my dashboard like the one above and show charts on the right side instead of the Table view. The GREEN label on the screen is not aligned properly with other elements ('cuz its label is hidden. It is a formula field).

Can we nudge it down a little bit using CSS to align it vertically with other elements like the text boxes and choice fields etc?

Is it possible in CSS to increase or decrease the size of individual columns in the grid, 'cuz I believe it picks up the largest column and then starts aligning the rest of the elements in that row according to that largest column. That is why when I increase the height of the Space element, the SALES and INVOICES buttons also move down.

Can you please help me with the CSS that will help me design the screen the way I desire.