/*
 * CSS additions and fixes for typed task editor.
 */


/* Make labels occupy less space */
.itasks-label {
	padding: 0em 1em 0em 0em;
	width: auto;
}

/* Make containers have their natural sizes */
.itasks-container {
	align-self: auto;
}

.typedtasks-evaluator {
	align-self: unset;
}

/* Make generated labels flow on top */
.itasks-container.itasks-form-item {
	flex-direction: column;
}

/* Set base padding and indent vertical structures horizontally */
.typedtasks-base {
	flex: 0 0 auto;
	padding: 0.2em 0.4em;
	margin: 0.2em 1.6em;
}

/* Center horizontal structures vertically */
.typedtasks-horizontal {
	flex-direction: row;
	align-items: center;
}

.typedtasks-vertical {
	flex-direction: column;
}

/* Add background boxes which get darker with nesting */
.typedtasks-boxed {
	background-color: hsla(0,0%,0%,5%);
}
