CSS to turn the YouTube Subscriptions Grid view into a more List-like view, for List enjoyers stuck there unwillingly due to current A/B tests

grid-to-list.css

ytd-browse:is([page-subtype="subscriptions"]) {
  /* Turn Subscriptions Grid view into a List-like view */
  ytd-two-column-browse-results-renderer {
    max-width: var(--ytd-grid-max-width); /* 1284px */
  }
  #contents.ytd-rich-grid-renderer {
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  ytd-rich-item-renderer.ytd-rich-grid-renderer {
    width: 100%;
    border-bottom: 1px solid var(--yt-spec-outline);
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 0;
  }
  /* Specificity required to override Control Panel for YouTube grid fix */
  ytd-rich-item-renderer[rendered-from-rich-grid][is-in-first-column] {
    margin-left: 24px !important;
  }
  #content.ytd-rich-item-renderer {
    max-width: 862px;
    padding-bottom: 10px;
    padding-top: 20px;
    .yt-lockup-view-model {
      flex-direction: row;
    }
    .yt-lockup-view-model__content-image {
      flex: none;
      width: 246px;
      height: 138px;
      margin-right: 16px;
    }
    .yt-lockup-view-model__metadata {
      width: 100%;
      max-width: 600px;
    }
    .yt-content-metadata-view-model {
      display: flex;
      flex-direction: row;
      gap: 1rem;
    }
  }
  /* Only display spinner when loading new content */
  #ghost-cards {
    display: none;
  }

  /* Move channel avatar up */
  ytd-rich-item-renderer.ytd-rich-grid-renderer {
    position: relative;
  }
  #content.ytd-rich-item-renderer {
    padding-top: 60px;
    .yt-lockup-view-model__metadata,
    .yt-lockup-metadata-view-model {
      position: static;
    }
    .yt-lockup-metadata-view-model__avatar {
      position: absolute;
      top: -50px;
      left: 0;
    }
  }

  /* Move channel name up */
  .yt-content-metadata-view-model__metadata-row:first-child {
    position: absolute;
    top: -50px;
    left: 50px;
    /* #title.ytd-shelf-renderer styles */
    a {
      color: var(--yt-spec-text-primary);
      font-family: "Roboto","Arial",sans-serif;
      font-size: 2rem;
      line-height: 2.8rem;
      font-weight: 700;
      overflow: hidden;
      display: block;
      max-height: 2.8rem;
      -webkit-line-clamp: 1;
      display: box;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      white-space: normal;
    }
  }
}