# Ui-text vertical spacing

**URL:** <https://discourse.nodered.org/t/ui-text-vertical-spacing/89470>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [14 July 2024 06:59 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470 "2024-07-14T06:59:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bobo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bobo/32/8401_2.png) [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Post date:** [14 July 2024 06:59 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/1 "2024-07-14T06:59:12Z")

</div>

When stacking ui-text widgets there is a lot of vertical padding between each widget. Is there a way to remove this so that the actual text from each widget is vertically snug against each other? Some magic css maybe?

I would prefer not to introduce a template node.

Cheers  
Bob

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 July 2024 08:13 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/2 "2024-07-14T08:13:49Z")

</div>

Hi @Bobo, thanks for the question. On your theme there is a "Widget Gap" option, which you can set to zero.

Currently a single row in Dashboard is 48px, and isnt configurable, but want to emphasise the _currently_.

It's something that is coming up a lot, and we'll hopefully get addressed in the next week or two, which would be the introduction of a "compact" view, where the padding is reduced considerably

---

<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:** [14 July 2024 08:34 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/3 "2024-07-14T08:34:35Z")

</div>

There is magic of the CSS of course.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/2/12859e53e9b947ba96fbe20463a18874fb9338b1.png)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/4/d44ddaf02bd1ec731de61bad48cbaaaf7c3117a6.png)

Anyway, it is not correct way to solve the problem. Fighting with layout instead of being creative... I'd use ui\_template to create rows which you can then modify as you need.

---

<div class="post-metadata">

**Author:** ![Bobo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bobo/32/8401_2.png) [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Post date:** [14 July 2024 09:01 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/4 "2024-07-14T09:01:31Z")

</div>

Thanks to you both. Appreciate it. 👍

---

<div class="post-metadata">

**Author:** ![Bobo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bobo/32/8401_2.png) [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Post date:** [5 August 2024 04:27 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/5 "2024-08-05T04:27:44Z")

</div>

> [@joepavitt](#):
>
> It's something that is coming up a lot, and we'll hopefully get addressed in the next week or two, which would be the introduction of a "compact" view, where the padding is reduced considerably

Any luck with this one?

Cheers

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [5 August 2024 07:00 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/6 "2024-08-05T07:00:47Z")

</div>

Not yet, sorry, its still one of the top priorities and I'll post to the forums, and publish a blog about it to [https://flowfuse.com](https://flowfuse.com) (and their socials) when it's available

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 September 2024 07:01 UTC](https://discourse.nodered.org/t/ui-text-vertical-spacing/89470/7 "2024-09-04T07:01:45Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.