Hi Jeremy,
line-height does not seem to work in either contexts. If I add `settings.cssContainer(‘line-height’, ’50px’) on each text elements, the text only appears slightly closer to the first scale button:
The text label moves with the .settings.cssContainer('vertical-align', "15") command, which though seems to overwrite any other css properties defined within the text element. So, the definitions of padding and margin are somehow ignored.
Do you have any suggestion?
Interestingly, changing the order of the css properties changes which css properties is ignored. Compare, for example, the two excerpts below:
A.
newScale("scale", "1", "2", "3", "4", "5", "6", "7")
.settings.before( newText("1", "very bad")
.settings.css("font-size", "large")
//.settings.cssContainer("margin-right", "30px")
.settings.cssContainer('vertical-align', "15")
//.settings.cssContainer("padding-right", "15")
B.
newScale("scale", "1", "2", "3", "4", "5", "6", "7")
.settings.before( newText("1", "very bad")
.settings.css("font-size", "large")
.settings.cssContainer("margin-right", "30px")
.settings.cssContainer('vertical-align', "15")
//.settings.cssContainer("padding-right", "15")
It seems that only all but the *first* of the cssContainer methods get ignored.
The behavior is different when adding the CSS properties in the css file – they seem to be completely ignored regardless of the order. I thought it might have been useful for you to know.
Thanks!