CSS Mind the gap

[arrbee99 1712]

Wondering if anyone can help with these gaps. They used to be gone, but came back. Ideally the gaps would be covered with the transparency as moving things closer would probably make them too close.

In movies and TV series get a gap near the top (below Director) -

and below More -

and in music near the bottom, below the last song

Also (if it matters) in music used to get a gap near the top (below Play) -

but this seems to fix it -

div.trackList.vertical-list {margin-top: 0;}

Aand there is a gap at the side, to the left of the episodes -

 

which this

/* and for tracklist move tiny bit to the left UNLESS SPACE CAN BE MADE GREY */
div.trackList.vertical-list {margin-left: -0.01% !important; }

seems to fix, but it doesn't look right to me, either code-wise or because the thumbs don't line up with the stuff above.

Yours Hopefully...

[Happy2Play 9447]

Can you attach the code that you are using. @arrbee99

Edited March 7, 2024 by Happy2Play

[arrbee99 1712]

Did you want all of it or what I reckon is relevant ? its a bit of a disaster area if you want all of it if you're feeling that brave...

[arrbee99 1712]

Caution to the winds time (should, possibly be under section - /* Movie and Series Details Page */-

CSS to Emby 08 Mar 24.txt

[Happy2Play 9447]

41 minutes ago, arrbee99 said:

Caution to the winds time (should, possibly be under section - /* Movie and Series Details Page */-

CSS to Emby 08 Mar 24.txt 42.31 kB · 1 download

Thing this is it.

Change this for image 1, 2 and 4

/* Add transparent grey background to top info, episode list, extra bottom info */  
div.verticalSection.detailMainContainer {background: rgba(0, 0, 0, 0.3); }
div.trackList.vertical-list {background: rgba(0, 0, 0, 0.3); }
div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop {background: rgba(0, 0, 0, 0.3); }

to this

/* Add transparent grey background to top info, episode list, extra bottom info */  
div.topDetailsMain {margin-bottom: 0;}
div.verticalSection.detailMainContainer {background: rgba(0, 0, 0, 0.3); padding-bottom: 1em;}
div.trackList.vertical-list {background: rgba(0, 0, 0, 0.3); }
div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop {background: rgba(0, 0, 0, 0.3); }

 

 

Image 3 and 5 change

/* and for tracklist move tiny bit to the left UNLESS SPACE CAN BE MADE GREY */
div.trackList.vertical-list {margin-left: -0.01% !important; }

to

div.trackList-marginleftcards
{
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin-bottom: 0 !important;
    padding-bottom: 1.5em;
}

 

[arrbee99 1712]

Brilliant. Thanks. I realise this is high praise, but you are quite possibly the best thing since sliced bread