# DB2 vue separate component

**URL:** <https://discourse.nodered.org/t/db2-vue-separate-component/92186>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [5 October 2024 17:53 UTC](https://discourse.nodered.org/t/db2-vue-separate-component/92186 "2024-10-05T17:53:01Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [5 October 2024 18:41 UTC](https://discourse.nodered.org/t/db2-vue-separate-component/92186/7 "2024-10-05T18:41:05Z")

</div>

You can adjust the "Widget Gap" in the theme settings for any single dashboard page.  
For example this is 2px and the three button groups are pretty close together.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/6/066873ed71c51cff94a076dd6a085d9a556a54e3.png)  
It affects all widgets on that page.

It looks like you'll need some CSS jiggery-pokery to make all the buttons the same _width_.

Edit: Grr there's no "class" field in the button group config!

---

_[View the full topic](https://discourse.nodered.org/t/db2-vue-separate-component/92186)._