<commit_before>
main.content-channel {
	display: flex;
	flex-flow: column nowrap;
	overflow-x: hidden;

	&.animated > .content:not(.content-loading) {
		-webkit-animation: animFadeInRight .333s ease-out;
	}

	> header {
		flex-shrink: 0;
		margin-bottom: 1em;

		> .logo {
			@size: 6.5em;

			display: block;
			position: relative;
			width: @size;
			height: @size;
			margin-right: .5em;
			flex-shrink: 0;
			flex-grow: 0;
		}

		> div {
			display: flex;
			flex-flow: column;
			flex-grow: 1;
		}

		.title {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
		}

		h3 {
			margin: 0;
			flex-grow: 1;
			.text-overflow();
		}

		.settingsicon {
			> button {
				&:extend(.settingsbar button);

				> i {
					height: inherit;
					font-size: inherit;
					line-height: inherit;
					vertical-align: inherit;
				}

				&:active > i:before {
					content: @fa-var-wrench;
				}
			}

			&.opened > button > i {
				color: fade( @button-color, ( 100 * @button-icon-opacity-active ) );
			}
		}

		.online, .offline {
			margin: .25em 0;
		}

		.online {
			> span:not(:first-of-type) {
				margin-left: .75em;
			}
		}

		.status {
			flex-grow: 1;
		}
	}

	> .content-index {
		display: flex;

		> .big-image {
			width: 59%;

			&.online {
				.stream-hover();
			}

			> .preview {
				position: relative;
				.block-aspect-ratio( ( 16 / 9 ) );
			}

			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}

		> .info {
			display: flex;<commit_msg>Fix layout of ChannelIndexRoute<commit_after>
main.content-channel {
	overflow-x: hidden;

	&.animated > .content:not(.content-loading) {
		-webkit-animation: animFadeInRight .333s ease-out;
	}

	> header {
		margin-bottom: 1em;

		> .logo {
			@size: 6.5em;

			display: block;
			position: relative;
			width: @size;
			height: @size;
			margin-right: .5em;
			flex-shrink: 0;
			flex-grow: 0;
		}

		> div {
			display: flex;
			flex-flow: column;
			flex-grow: 1;
		}

		.title {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
		}

		h3 {
			margin: 0;
			flex-grow: 1;
			.text-overflow();
		}

		.settingsicon {
			> button {
				&:extend(.settingsbar button);

				> i {
					height: inherit;
					font-size: inherit;
					line-height: inherit;
					vertical-align: inherit;
				}

				&:active > i:before {
					content: @fa-var-wrench;
				}
			}

			&.opened > button > i {
				color: fade( @button-color, ( 100 * @button-icon-opacity-active ) );
			}
		}

		.online, .offline {
			margin: .25em 0;
		}

		.online {
			> span:not(:first-of-type) {
				margin-left: .75em;
			}
		}

		.status {
			flex-grow: 1;
		}
	}

	> .content-index {
		display: flex;
		margin-bottom: 2rem;

		> .big-image {
			width: 59%;

			&.online {
				.stream-hover();
			}

			> .preview {
				position: relative;
				.block-aspect-ratio( ( 16 / 9 ) );
			}

			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}

		> .info {
			display: flex;
{'fraction_non_alphanumeric': 0.16053841103086014, 'fraction_numerical': 0.023637557452396585, 'mean_word_length': 2.0228174603174605, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1859759', 'n_tokens_mistral': 1597, 'n_tokens_neox': 1176, 'n_words': 241}