MMM-forecast-io temp bar height

smartroad

Hi All

I have looked at using MMM-forecast-io (idoodler’s fork https://github.com/idoodler/MMM-forecast-io/blob/master/MMM-forecast-io.js). Is there anyway to adjust the height of the bars used for the daily temperature range? I have been able to change the CSS file to sort out the text height to something more appropriate for my display, but the bars are just WAY to huge it pushes off the bottom of my screen and I can’t figure out where the height of them is specified or inferred from.

Any pointers would be gratefully received!!

smartroad

okay, I have been able to figure out a little more. I can make the bars bigger but not smaller. This is as small as I can make them:

This is the code used to produce the above:

.MMM-forecast-io .forecast-bar .bar {
  background-color: #aaa;
  line-height: 0.01em;
  border-radius: 0.01em;
  border: 0.5px transparent solid;
  background-clip: padding-box;
  color: black;
}

No matter what I change the line-height to the bars get no smaller