@use "~admin-stylesheets/colors";

.nelio-content-task-editor {

	&__related-post-controls {
		align-items: center;
		margin-bottom: 1em;
		text-align: left;

		&--has-related-post-link {
			display: flex;

			> strong {
				flex-shrink: 0;
				margin-right: 0.5em;
			}

			> a {
				display: flex;
				margin-right: 6em;
				min-width: 0;
				max-width: 100%;

				* {
					max-width: 100%;
				}

				.nelio-content-related-post-link {
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				:last-child {
					flex-shrink: 0;
				}
			}
		}
	}
}