Kevin Geary announced today that the next version of Automatic CSS (affiliate link) will include a couple of nice enhancements to the CSS editing experience. One moves the editor above the transition settings, and the other moves the panel to the top to give you a CSS-first option. These will be a nice enhancement if you are a Bricks + ACSS user. However, if you are spoiled like me and use Advanced Themer and the enhanced styling area, then you just need an option to move the CSS panel to the top. This can easily be done with a couple of lines of CSS.

/* Move the CSS Panel to the Top */

.control-groups{
    display: flex;
    flex-direction: column;
}
[data-control-group="_css"]{
    order:-1;
}
CSS

I have updated my full custom styling for Bricks to include this change.

This will move the CSS option group to the top.

screenshot of the options panel
CSS Options on top.