/* ==UserStyle==
@name           Fix YouTube Watch Flexible Menu Items
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    To fix YouTube Watch Flexible Menu Items
@author         CY Fung
@license        MIT
@preprocessor   stylus
@var range      menu-min-width           "Menu Min Width"                           [260, 120, 680, 20, 'px']
@downloadURL none
==/UserStyle== */
@-moz-document domain("youtube.com") {

    #primary.ytd-watch-flexy #below ytd-video-owner-renderer.style-scope.ytd-watch-metadata,
    #primary.ytd-watch-flexy #below #owner {
        flex-basis: 90%;
        max-width: intrinsic;
        max-width: -moz-max-content;
        max-width: -webkit-max-content;
        max-width: max-content;
    }
    
    html{
        --menu-min-width: menu-min-width;
    }

    ytd-watch-metadata #owner ~ #actions.item.style-scope.ytd-watch-metadata {
        flex-basis: var(--menu-min-width);
        min-width: var(--menu-min-width) !important;
    }
    /* Insert code here... */
}