Bug : Button spacing on widescreen

[Washteck]

summary and black box missplaced on wide screen
it is getting back to normal when resizing windows to a more appropriate aspect ratio

To Reproduce
stretch the window, easier to do with a 21:9 screen

• OS: Jellyfin on Unraid,
• Google Chrome
• Version 10.9.4

Is there a way to fix the summary box so it adjust itself automaticaly with the ratio of the window?
Thanks in advance :)

[prayag17]

what version of chrome are you using?

[Washteck]

I think it's the latest version in date n°125.0.6422.142 !

[GAMADA06]

[itz4blitz]

.noBackdropTransparency .detailPageSecondaryContainer {
    background-color: transparent !important; 
}
#itemDetailPage .infoWrapper .itemMiscInfo {
    margin-bottom: -50px !important; 
}

I added this to my custom CSS which fixed both the placement of the movie year / rating / review so it appears below the title when viewing a movie/show. It also fixed the black box that was appearing above the movie text. Hope it helps.

[Washteck]

Thanks a lot my friend !

[mihawk90]

I added this to my custom CSS

This helps when not using Logos, but doesn't fix the issue in comment 3 (also mentioned in #148 ).

I think the Logo is just generally too far down. This is from the logo.css:

body #itemDetailPage .detailLogo {
    background-position: 0 100% !important;
    height: 30vh;
    left: 18.8vw;
    top: 17.5vh;
}

Removing the top property works perfectly fine and also looks better IMO.

Current:

top removed:

top removed + Custom CSS above:

[prayag17]

@GAMADA06 can you try changing your language to english?

[GAMADA06]

Yes @prayag17, but is it really the problem ?

[prayag17]

That is causing the play button to not appear correctly