Size of Automation Buttons

It’d be nice to be able to reduce the width of the automation buttons even further than currently allowed.
Video for reference: https://drive.google.com/file/d/14ibmwaT2jCJ9ueMOqEVgpRNAUXJU8-bm/view?usp=sharing

I suppose you could add some custom CSS and scale it down as you see fit; would that work for you?

@jfortun is there a way we can select specific blocks/elements here? I see this on the page block so I’m not sure if it’s intended
image

I’ve been wanting to play around with custom css but was not fully sure on how to proceed.

I do see some examples in the screenshot in the documentation

What should be the thing that I add customization to? Below is what I see for the button when I inspect the browser page

button type=“button” class=“btn btn-success my-1 mx-3 flex-fill”> ^ </button

1 Like

This would apply to all automation buttons:

.block.Automation button {
    background-color: red !important;
}

image

image

You can add Custom classes/ids for blocks, which can be used for the custom CSS.

The customCSS is defined inside the Admin Area → User Interface → Settings Corteza Studio :: Corteza Docs.

1 Like

ah… completely forgot about that one

Is there any documentation on how to use custom css (just basics) like you guys have for workflows here Examples :: Corteza Docs

Not really, apart from what I linked in the above post.
Depends on your level of expertise, but in general, if you used CSS before then it should be quite self explanatory.

Give block a class, style the class in the custom CSS.