Youtube Layout 2022 by gamatek

/* ==UserStyle==
@name         Youtube Layout 2022
@version      20231106.23.41
@namespace    ?
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
/* CHANNEL BANNER */
ytd-c4-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer,
ytd-c4-tabbed-header-renderer.grid-6-columns .page-header-banner.ytd-c4-tabbed-header-renderer {
    margin-left: 0;
    margin-right: 0;
}

/* CHANNEL HEADER */
ytd-c4-tabbed-header-renderer.grid-6-columns #channel-header.ytd-c4-tabbed-header-renderer {
    padding-right: 10%;
    padding-left: 10%;
}

ytd-c4-tabbed-header-renderer:not([is-rich-grid]) #channel-header-container.ytd-c4-tabbed-header-renderer {
    max-width: none;
}

/* TAB CONTENT */
#tabsContent {
    padding: 0 10%;
}

#tabsContent .yt-tab-shape-wiz {
    width: 110px;
}

#tabsContent .yt-tab-shape-wiz__tab {
    text-transform: uppercase;
    font-size: 15px;
}

/* VIDEO GRID */
ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
    width: 80% !important;
    max-width: none;
}

/* SHORT GRID */
ytd-rich-grid-renderer[is-shorts-grid] #contents.ytd-rich-grid-renderer {
    width: 100%;
    max-width: none;
}
}