Greasy Fork

Great script and I love it! I do however have a couple questions I must ask due to my OCD. Firstly is there an option to extend and or slightly move the "tab view" option more towards the right hand side of the screen? I have some empty space that could be used to fully extend the video/comments/info/transcript column. If there is no way maybe you'd know of a way to space the column itself further from the viewport so it aligns symmetrically with my display. As of now it looks okay, but I would prefer to utilize my whole screen space to make it look a bit cleaner.

Second question, is there any way and or option to align/move the search bar location? As of now it is somewhat off centered. My goal is to have it sit above the video player/viewport without peaking over the side of said viewports container. It's been messing with my muscle memory when I go to search for another vid lol
I understand this may have been done purposefully due to the "Links in Header" customization option but I only have 3 links which leaves a big empty space where the search bar could fill.

I took a look at the config and attempted to edit width variables for both of the my desired changes but couldn't get it to work right. If you could either add a bit more scaling options to the GUI or point me in the right direction within the config I would be very appreciative. Overall thank you for making this and it has completely overhauled youtube in such a great way! Cheers

Thanks for the feedback—glad you're enjoying the script.

The tabs use YouTube's own variable to control the width. You can change it by replacing each var(--ytd-watch-flexy-sidebar-width) with a specific value—YouTube right now uses 402px.

As for the search bar, it's positioned by YouTube itself: #container.ytd-masthead { justify-content: space-between; } This distributes spacing between elements, which can push the search bar off-center—due to layout shifts from added links, left padding for the magnifying glass, and hidden icons on the right.

You could try enabling "Hide YouTube Brand Text in the Header" to shift the search bar more to the left by removing the "YouTube" label.

Or you can move the search bar itself with something like:

#center.ytd-masthead {
    transform: translateX(-30px); /* a negative value moves it to the left */
}

You can add it right at the top of the CSS like this:

(async function() {
    'use strict';
    // CSS
    const styleSheet = document.createElement('style');
    styleSheet.textContent = `
            #center.ytd-masthead {
                transform: translateX(-30px);
            }

            /* existing styles below */