# Any way to left-justify labels?

**URL:** https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498
**Category:** Dashboard
**Created:** [27 March 2019 13:20 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498 "2019-03-27T13:20:43Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)
#### Post date: [27 March 2019 13:20 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/1 "2019-03-27T13:20:44Z")

</div>

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

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [27 March 2019 18:21 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/2 "2019-03-27T18:21:23Z")

</div>

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

```auto
<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. 😁

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [27 March 2019 18:29 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/3 "2019-03-27T18:29:32Z")

</div>

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/eabe2651b94cc72c16d24aac4a572ee97eaf7d90.png)

🗒 _The category of this topic should be **Dashboard** _

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [27 March 2019 23:47 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/4 "2019-03-27T23:47:06Z")

</div>

(I've move this to the Dashboard category)

---

<div class="post-metadata">

### Author: ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)
#### Post date: [28 March 2019 01:57 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/5 "2019-03-28T01:57:25Z")

</div>

> [@zenofmud](#):
>
> .nr-dashboard-button

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.

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [28 March 2019 08:10 UTC](https://discourse.nodered.org/t/any-way-to-left-justify-labels/9498/6 "2019-03-28T08:10:17Z")

</div>

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