Center gauge in masonary container

[Sirhc]

Hello

I have a masonary container with a gauge in it. It is shown below.

I have some CSS for it:

#nr-dashboard .masonry-container ui-card-panel#Pool_Water {

box-shadow: 0 0 6px #00000070;

background: transparent;

border:none;

}

Does anyone know how to center the gauge in the container? It's currently aligned right. I have tried align-items: center; but that didn't work :\

[marcus-j-davies]

Hi @Sirhc

I am not a pro with dashboard, better people here than I, but...

If you add a ui_template node, and set to appear in the head section with the following.

<style>
    .center-gauge {
        width:100% !important;
    }
</style>

Then, add a class to your gauge node

[Sirhc]

Thank you!