YouTube Compacter by Neui

/* ==UserStyle==
@name           YouTube Compacter
@description    Make YouTube more compact
@namespace      gitlab.com/Neui/userstyles
@homepageURL    https://gitlab.com/Neui/userstyles
@supportURL     https://gitlab.com/Neui/userstyles/issues
@version        1.0.3
@license        CC-BY-4.0
@author         Neui
@preprocessor   uso
@var    number      top-bar-height  "Top bar height"                42
==/UserStyle== */

@-moz-document domain("youtube.com") {
	/* Make video thumbnails in the search size as expected */
	ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer,
	ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer {
		flex: 0;
	}

	/* Padding around channel name */
	ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer {
		padding: 0;
	}

	/* Distance between videos */
	/* margin/padding between the title/name and the videos */
	#contents.ytd-shelf-renderer { margin-top: 12px; }
	/* margin/padding below the videos but before the line */
	#items.yt-horizontal-list-renderer { --ytd-horizontal-list-margin-bottom: 8px; }
	/* margin/padding between the name and the line above */
	.grid-subheader.ytd-shelf-renderer { margin-top: 16px; }
	/* margin/padding below the videos in list format */
	ytd-expanded-shelf-contents-renderer { margin-bottom: 12px; }

	/* Guide (left bar) */
	ytd-guide-entry-renderer { --paper-item-min-height: 30px; }

	/* Top bar */
	html, ytd-app {
		--top-bar-height: /*[[top-bar-height]]*/px; /* Default: 42px */
		--ytd-masthead-height: var(--top-bar-height);
	}
	#container.ytd-masthead { height: var(--top-bar-height); } /* Top bar */
	/* Move search up due to smaller top bar */
	div.sbdd_a { top: var(--top-bar-height) !important; }

	/* Sign-up button */
	.ytd-masthead paper-button.ytd-button-renderer {
		height: min-content;
	}
	.ytd-masthead ytd-button-renderer[is-paper-button] {
		margin: auto 0;
	}
	.ytd-masthead ytd-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] {
		--yt-button-padding: 3px 12px;
		--yt-button-padding-minus-border: 2px 11px;
	}

	/* Game cards, hide it when description is collapsed */
	div#meta ytd-expander[collapsed] ytd-metadata-row-container-renderer { display: none; }
}