Jellyfin Forum
Small problem with flex-wrap - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: Small problem with flex-wrap (/t-small-problem-with-flex-wrap)



Small problem with flex-wrap - Echtzeit - 2025-02-13

Hi, I'm using this snippet to get rid of the scrolling:

Code:
@media all {
  .homePage .emby-scroller {
    margin-right: 0;
  }
  .homePage .emby-scrollbuttons {
    display: none;
  }
  .homePage .itemsContainer {
    flex-wrap: wrap;
  }
}

Here's the problem:

with the latest version of the Jellyfin Media Player (it worked with a previous version, it's also not working in Edge), this cuts off one item on the right hand side of each section, where with the default settings one more was displayed.

So the "Continue Watching" section for example has four instead of five items in a row, "Recently Added" eight instead of nine.


Why? But more importantly, I'd like five items per row again with no scrolling.