Cannot change the Height of schedule

[Laloses]

I´ve trying to make the schedule more rectangular, but I couldn´t find a way in the so I figure it out by changing the Main.js code a little bit and adding one thing in the Style.css.
If there other way to do it pls tell me hehe

First I changed the line 9 on the Main.js:
this.topInfoElement = this.element.getElementsByClassName('cd-schedule__top-info')[0];
For this:
this.topInfoElement = this.element.getElementsByClassName('cd-schedule__timeline')[0].children[0].children[0];
In this way the formula slotHeight*duration/self.timelineUnitDuration would take the true height of the row and leave the headers with their own height.

Now, to make the row lower just add a CSS class to the <li> in the cd-schedule__timeline to make it lower, or bigger. Also I was thinking on putting different sizes like smallest, smaller, small, normal (default)... and the bigger ones.
But I only add this to the style:
.cd-schedule__timeline .small{ height: 30px !important; }
I had put !important because I leave the height that was already in the file.

then just especify the height of the rows like this:
<div class="cd-schedule__timeline">
<ul>
<li class="small"><span>08:00</span></li>
<li class="small"><span>09:00</span></li>
<li class="small"><span>10:00</span></li>
</ul> </div>