Jellyfin Media Bar

[M0RPH3US]

In JMP specifically, however the software handles the web wrapper, the Play and Info buttons will not gap. I tried everything I could find in the button container elements (lower than 7xx pixels and higher than 7xx pixels) and those darn things stay glued together in JMP.

For now, can you edit your slideshow.css, and make the suggested changes and report back?

Remove the 

Code:

gap: 2em;

and add 

Code:

    justify-content: space-between;
    width: 14em; /* Adjust as needed */

. 

Please note, you will be making this changes in this block

Code:

@media only screen and (min-width: 767px) {
----
}

So the final button container should look like 

Code:

  .button-container {
    position: absolute;
    top: calc(50% + 180px); /* Same as the previous button positions */
    left: 7.5em;
    display: flex;
    z-index: 5; /* Ensures it's above other elements */
    justify-content: space-between;
    width: 14em; /* Adjust as needed */
  }