// ==UserScript==
// @name Plex Dark Small Static Control Bar
// @namespace imadedis
// @version 0.01
// @description Keeps a small control bar always on screen during playback, dark color
// @author imadedis
// @license MIT
// @grant GM_addStyle
// @run-at document-start
// @match https://app.plex.tv/*
// @include /^(?:https?://.*:32400/.*)$/
// @include /^(?:.*:32400/.*)$/
// @include https://app.plex.tv*/*
// @downloadURL none
// ==/UserScript==

(function() {
let css = `

/* static controlbar */
[class^='AudioVideoFullPlayer-bottomBar'] {
    bottom: 0px !important;
    height: 25px !important;
    transform: translateY(0px) !important;
}

/* controlbar */
[class^='ControlsContainer-controlsContainer'] {
    height: 100%;
    padding-top: 0%;
}    
    
[class^='PlayerControls-volumeSlider'] {
    height: 65%;
    bottom: unset;
}

div[class*='VerticalSlider-track'] {
    width: 3px;}

[class^='PlayerControlsMetadata'] {
    display: inline-flex;
    align-items: baseline;
    }

    [class^='MetadataPosterTitle-singleLineTitle'] {
padding-right: 10px;
}

[class^='PlayerControls-buttonGroupCenter'] {
    margin: 0;
}

[class^='Player-miniPlayerContainer']>div {
    bottom: 0px !important;
}`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  const styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();