YouTube - Revert compact channel page UI by magma_craft

/* ==UserStyle==
@name           YouTube - Revert compact channel page UI
@namespace      github.com/openstyles/stylus
@version        20240104.06.28
@description    This userstyle reverts back to the compact version of the channel page UI prior to February 23rd, 2023.
@author         Magma_Craft
==/UserStyle== */

@-moz-document domain("youtube.com") {
ytd-channel-tagline-renderer {
  display: block !important;
  padding: 0 !important;
}

#content.ytd-channel-tagline-renderer::before {
  content: "More about this channel";
  font-weight: 500 !important;
}

#content.ytd-channel-tagline-renderer {
  max-width: 162px !important;
}

#avatar.ytd-c4-tabbed-header-renderer {
  width: 80px !important;
  height: 80px !important;
  margin: 0 24px 0 0 !important;
  flex: none !important;
  overflow: hidden !important;
}

#avatar-editor.ytd-c4-tabbed-header-renderer {
  --ytd-channel-avatar-editor-size: 80px !important;
}

#channel-name.ytd-c4-tabbed-header-renderer {
  margin-bottom: 0 !important;
}

#channel-header-container.ytd-c4-tabbed-header-renderer {
  padding-top: 0 !important;
  align-items: center !important;
}

#inner-header-container.ytd-c4-tabbed-header-renderer {
  margin-top: 0 !important;
  align-items: center !important;
}

#videos-count {
  display: none !important;
}

.meta-item.ytd-c4-tabbed-header-renderer {
  display: block !important;
}

div#channel-header-links.style-scope.ytd-c4-tabbed-header-renderer {
  display: none !important;
}

#channel-handle.ytd-c4-tabbed-header-renderer {
  font-weight: 400 !important;
}

ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-pronouns.ytd-c4-tabbed-header-renderer {
  display: none !important;
}

/* Other fixes to be temporary (UI changes) */
ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer {
  font-size: 2.4em !important;
  font-weight: 400 !important;
  line-height: var(--yt-channel-title-line-height, 3rem) !important;
}

span.delimiter.style-scope.ytd-c4-tabbed-header-renderer {
  display: none !important;
}

div#meta.style-scope.ytd-c4-tabbed-header-renderer {
  width: auto !important;
}

ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer {
  flex-direction: row !important;
}

div.page-header-banner.style-scope.ytd-c4-tabbed-header-renderer {
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 0px !important;
}

/* Make the subscribe button next to the 'Join' button */
#buttons.ytd-c4-tabbed-header-renderer {
  flex-direction: row-reverse !important;
}
}