organization of the text next to the icon.

iorifly

@doubleT

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

doubleT

Because the creator of that module gave the wrapper the class name “dimmed” in line 38 …

iorifly

@doubleT Unfortunately not.

iorifly

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

esmaecido

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

doubleT

Can you show me what your custom.css file looks like now?

iorifly

@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

Oh, I noticed a typo – even though that’s not the reason it’s not working. Change te_s_t-align to text-align, please. ;)

What’s the name of the module in your config file?

iorifly

@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

In that case the css should work. And the css file is named custom.css? Exactly like that? And you restarted the mirror?

Since we’re already working directly in the code: In the module js there’s a line
var tableElement = document.createElement("table");

You can write a line directly after that:
tableElement.className = "homeassistant-table";

Then you should be able to address the table in the cusom.css like this:

.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;
}

Is the text brighter now?

EDIT: tableElement, not table.Element

iorifly

@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?