The module loaded but without the lines yet.

Before you get tired LOL … please tell me how to make the text of the module more alive!

@doubleT

If I put this line:

table.Element.className = "homeassistant-table";

after

var tableElement = document.createElement("table");

the module does not load

Another thing the text is still gray.

@doubleT said in organization of the text next to the icon.:

.homeassistant-table tr td:nth-of-type(2) {
text-align: left;
}
.homeassistant-table tr:nth-of-type(3) td,
.homeassistant-table tr:nth-of-type(6) td {
border-bottom: 1px solid white;
}
.homeassistant-table {
border-spacing: 0;
}

do I delete the text from what was in the custom? or leave and put this?

@doubleT said in organization of the text next to the icon.:

x t-align

MMM-homeassistant-sensors

hitting the text did not appear the line either.

@doubleT

.module.MMM-homeassistant-sensors table tr td:nth-of-type(2) {
    test-align: left;
}
.module.MMM-homeassistant-sensors table tr:nth-of-type(3) td,
.module.MMM-homeassistant-sensors table tr:nth-of-type(6) td {
    border-bottom: 1px solid white;
}
.module.MMM-homeassistant-sensors table {
    border-spacing: 0;
}

note: I’m slow to answer because I have to wait 120s to post.

@doubleT said in organization of the text next to the icon.:

esmaecido

what I put in place to make it clearer (alive)

@doubleT Unfortunately not.

@doubleT

I noticed that the font color is erased. Why that ? the other modules have the strongest colors!

added “.modulo” before .MMM

@doubleT said in organization of the text next to the icon.:

.module.MMM-homeassistant-sensors table tr td:nth-of-type(2) {
test-align: left;
}
.module.MMM-homeassistant-sensors table tr:nth-of-type(3) td,
.module.MMM-homeassistant-sensors table tr:nth-of-type(6) td {
border-bottom: 1px solid white;
}
.module.MMM-homeassistant-sensors table {
border-spacing: 0;
}

.MMM-homeassistant-sensors table tr td:nth-of-type(2) {
    test-align: left;
}

.MMM-homeassistant-sensors table tr:nth-of-type(3) td,
.module.MMM-homeassistant-sensors table tr:nth-of-type(6) td {
    border-bottom: 1px solid white;
}

.MMM-homeassistant-sensors table {
    border-spacing: 0;
}

@doubleT

excuse. LOL

I did not understand.

@sdetweil ok

@doubleT said in organization of the text next to the icon.:

.module.MMM-homeassistant-sensors table {
border-spacing: 0;
}

nothing happened. This is the same way. He did not create the lines.

Let me see if I got it. I need to change the custom.css file. Where is it located?

in the css folder. I only have the main.css file

@doubleT said in organization of the text next to the icon.:

newCell = newrow.insertCell(1);
newCell.className = “align-left”;
newText = document.createTextNode(name);
newCell.appendChild(newText);

alignment resolved. Can I now create lines to separate groups? Or is it impossible?

I will try to locate this code.

in which module file do I look for it?

Thanks! I’m in no hurry. Even because it took me a long time to get here. sdetweil helped me extremely.

Thank you very much for all your support! sensational you !!!.

I also wanted to put lines

Like the ones I set as an example. I actually want white line like the one under “Home assistant”
https://imgur.com/sx9Muq2

I actually want it that way. See how the text is perfectly aligned to the icon.

https://imgur.com/InsQd3x

I will send another photo. with the module positioned to the left of the screen.