MMM-Scrapey - I made something that could be useful?

[fredric.nil]

Hello.
Thanks for a great module.
I wonder how to decrese the distance between the lines.
I’ve tried adding table attributes to the table (as I can controll the table myself), but it doesn’t seems to work.
I also tried with custom.css to add the attributes style in it.
However, it appears that the module strips all styling from the presentation.

This is the code that I have used in custom.css, but these don’t seem to bite.

.MMM-Scrapey{
height:2px;
}

.MMM-Scrapey .td {
      padding: 2px;
}
.MMM-Scrapey .table {
      border-spacing: 2px;
}
.table {
      border-spacing: 2px;
}
.td {
      padding: 2px;
}

[sdetweil]

@fredric.nil don’t know the answer, but use the developers window elements tab

see second link in my signature below to learn how to use

[fredric.nil]

Thanks for the tip, but that’s where I was looking.
It seems that no matter what I put in for attributes, they don’t show up in the module.
I’m going crazy soon

[sdetweil]

@fredric.nil where are you putting them?

[sdetweil]

@fredric.nil

well there is a problem

.MMM-Scrapey .td {

the stuff before the {
is called the selector clause, it ‘selects’ the elements the styles after the { apply to

if the thing in the selector clause starts with a dot(.)
that means classname, class=
if it starts with a pound sign(#)
that means id, id=
otherwise no prefix means an html element name

table, tr, td, div, …

you have .td

[fredric.nil]

I put it in the custom.css.
It doesn’t seem to matter if I enter

.td , #td , td or .MMM-Scrapey .td , .MMM-Scrapey3 #td or .MMM-Scrapey td or even .td , #td or td before {

I can only say that this is not my cup of tea.

[AndyHazz]

@fredric.nil yes as @sdetweil says it needed to be .MMM-Scrapey td {} to have any effect.

Try this in your custom CSS, I think it’s the line height you want to adjust, not the padding:

.MMM-Scrapey td {
    line-height: 1;
}

MagicMirror default line height on the body element is 1.5 so I think everything inherits that unless overidden.

[fredric.nil]

@AndyHazz said in MMM-Scrapey - I made something that could be useful?:

.MMM-Scrapey td {
line-height: 1;
}
Just that, perfect
Thank you.