Text node not displaying correctly across devices

[Paul-Reed]

Probably similar to https://github.com/FlowFuse/node-red-dashboard/issues/151

Laid out a weather dashboard using v0.8.0 consisting of a row of text nodes. On a desktop, looks OK, although the label on the 'info' text node is not aligned to the other text node labels, and appears that the 2 lines of text have pushed the label upwards. Shouldn't the label always be aligned at the top of the node's cell space?

Things get worse when viewing the same dashboard on a mobile device

The size of the 'info' node is 3x1, whilst the others are 2x1.

[thebaldgeek]

+1 me too on this.

I can not get the text node to behave predictably like the v1 node.

It takes up a lot of extra space randomly (as do all the v2 objects it seems). There does not appear to be a global way to control widget spacing / stacking like in the v1 'Site' tab. The text node seems to float around as a result?

[thebaldgeek]

Using Node-RED 3.1.7 and dashboard 1.7.1 this is still a major issue. With no way to set horizontal or vertical placement of text nodes, page layout in any mode is impossible to arrange. Here is an example of a few text nodes on a desktop.

The spacing seems to be random. I can not - after a few hours of testing - find a way to set any order to the text placement. When viewed on a mobile device:

I will submit a new issue for the gauge node not being responsive at all.

[thebaldgeek]

Trying to keep this thread updated with case-in-point comments from issue: https://github.com/FlowFuse/node-red-dashboard/issues/827

These text nodes were the exact ones I 'tamed' by putting them in a table:

Sure, I have not trimmed the table spacing / sizing neatly in the group yet, but it shows my point... The exact same data presents much more structured and orderly in a table vs spread out on the page as text elements.

Once I figure out how to theme the table, I think its going to look and work great.