Slightly too compact episode list

[Ghostotw]

First, thanks for the amazing theme. Especially thanks for making it modular and adjustable.

The compact episode list is slightly too squished. Episode descriptions are cut off at the bottom, making it impossible to read the entire thing for many episodes. There's no way to scroll to read the covered bit. Would it be possible to have the height pulled out into a variable so we could tweak it to our liking? I'm assuming that would be simpler than adding a scroll function.

[flamekiller22]

I ended up changing the custom CSS to:

@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/presets/monochromic_preset.css');

/*Size episode preview images in a more compact way*/
.listItemImage.listItemImage-large.itemAction.lazy {
  transition: filter 0.2s
}
.listItemImageButton-icon {
  padding: 0;
}
.secondary.listItem-overview.listItemBodyText {
    height: unset !important;
    margin: 0;

}
.listItemImageButton {
  margin: auto; 
  font-size: 1.6em !important;
}
@media all and (min-width: 100em){
  .listItemImage.listItemImage-large.itemAction.lazy {
    height: 160px !important;
  }
  .listItem-content {
    height: unset !important;
  }
  .secondary.listItem-overview.listItemBodyText {
    height: unset !important;
    margin: 0;
  }
}
@media all and (max-width: 100em){
  .listItemImage.listItemImage-large.itemAction.lazy {
        height: 160px !important;
    
    }
  .listItem-content {
        height: unset !important;
    
    }
  .secondary.listItem-overview.listItemBodyText {
        height: unset !important;
        margin: 0;
    
    }
}

.missingIndicator, .unairedIndicator {
    background: #ae3030eb;
    padding: .3em .6em;
    color: #fff;
}
.layout-mobile .listItemImageButton {
    background: rgba(0, 0, 0, 0);
}

Which results in the episode view looking something like:

[Lxtharia]

Thank you, I had the same problem but it looks great now <3

[Atmaweaponvi]

I added this which keeps the smaller pics but get the full 3 lines of text:

/* Size episode preview images in a more compact way */ .listItemImage.listItemImage-large.itemAction.lazy { height: 110px; } .listItem-content { height: 115px; } .secondary.listItem-overview.listItemBodyText { height: 66.5px; margin: 0; }

[CTalvio]

Mind turning those changes into a PR?

I'll get to it eventually, but if you do I can just immediately merge it.