YT SUBSCRIPTION FEED AS A LIST

yt_sublist.css

/* YT SUBSCRIPTION FEED AS A LIST v0.3 */

/* DO NOTE THAT THIS STYLE USES ABSOLUTE UNITS AS IT WAS ADAPTED FOR 1080P SCREEN */
/* YOU CAN RE-WRITE IT USING RELATIVE UNITS OR SIMPLY CHANGE THE VARS BELOW */

/* ================================ */
/* CONFIG                           */
/* ================================ */

:root {
    --display-dismissable: none; /* change to "block" if you want to display short/relevant */
    --thumbnail-size: 18%;
    --shorts-thumbnail-size: 80%;
    --video-title-margin-left: 10px;
    --video-title-size: 100%;
    --hover-color:  rgba(135, 135, 135, 0.13)!important; /* greyish */
}

/* ================================ */
/* SUBSCRIPTIONS                    */
/* ================================ */

/* Hide shorts and Relevant? */
ytd-rich-section-renderer #dismissible
{
    display: var(--display-dismissable);
}

/* Forcing flex view direction to be a list */
#primary > ytd-rich-grid-renderer > #contents {
    flex-direction: column!important;
}


#primary > ytd-rich-grid-renderer > #contents {
    flex-direction: column!important;
}

/* Ordering flex direction of the items inside the list entry (image, meta) */
yt-lockup-view-model > DIV {
    flex-direction: row!important;
    justify-content: flex-start!important;
}

/* Forcing hover color to be uniform */
yt-lockup-view-model yt-touch-feedback-shape .ytSpecTouchFeedbackShapeHoverEffect
{
     background: var(--hover-color)!important;
}

/* Slightly reduce hover bubble from the bottom*/
yt-touch-feedback-shape {
    margin-bottom: 2px!important;
}

/* Size of a title */
.ytLockupMetadataViewModelTitle > span {
    font-size: var(--video-title-size)!important;
}

/* Size of the video list entry */
ytd-rich-grid-renderer > #contents > ytd-rich-item-renderer {
    width: 100%!important;
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}

/* Size of the normal subscription video thumbnail */
a.ytLockupViewModelContentImage {
    width: var(--thumbnail-size)!important;
}

/* Width of the attachment (Notify me) */
lockup-attachments-view-model {
    width: 150px;
    margin-left: 44px;
}

/* Marging from the left between thumbnail and video text */
.ytLockupViewModelMetadata, .yt-lockup-view-model__metadata {
    margin-left: var(--video-title-margin-left);
}


/* ================================ */
/* SHORTS AND RELEVANT              */
/* ================================ */

/* Restoring order of Shorts */
#primary > ytd-rich-grid-renderer ytd-rich-shelf-renderer > #dismissible #contents {
    flex-direction: row!important;
}

/* Width of a relevant video list entry */
ytd-rich-section-renderer > #content > ytd-rich-shelf-renderer:not([is-shorts]) > #dismissible #contents-container > #contents ytd-rich-item-renderer {
    width: 100%!important;
}

/* Size of a shorts thumbail */
.shortsLockupViewModelHostThumbnailParentContainer  {
    width: var(--shorts-thumbnail-size);
}

Updated for new A/B testing.
Use revision history for old version if you arent part of the test

Updated for new A/B testing. Use revision history for old version if you arent part of the test

Cheers, works once more. Much appreciated

Hey, thanks!