Any way to left-justify labels?

#1

Is there any way to left-justify the label text for buttons and switches on the dashboard?

#2

There is BUT it will effect all buttons. Add a ui-template node and add the following to the node

<style>
.nr-dashboard-button .md-button {
    text-align: LEFT;
}
</style>

You maye be able to further isolate the effect to one button by 'child' attributes, but I'll leave that for you to investigate. :grin:

#3

For that template node you will use to override site CSS the configuration is also important.
The template type must be configured like this

image

:spiral_notepad: The category of this topic should be Dashboard

1 Like
#4

(I've move this to the Dashboard category)

#5

Thanks- (Both of you), that was easy.
Where did you find the information what to modify? Is there an API or is the information in the default CSS file? I am not afraid to experiment, but CSS is one of my weakest areas.

#6

I used my browsers code examiner to find the element involved and then tested the change

1 Like