Template:Cronos event brief/style.css

/* row container of a single event */
.cronos-month-table .cronos-event-brief {
	position: relative;
	min-width: 200px;

	/* everything is absolute to allow intuitive ellipsis so height is important */
	padding:0.5em 0;
	height: 1em;
}

/* row separator */
.cronos-month-table .cronos-event-brief:not(:first-of-type) {
	border-top:1px dashed gray;
}

/* the what field can be left-aligned */
.cronos-month-table .cronos-event-brief-what {
	position: absolute;
	display: block;
	left: 0;
	right: 50px;
	overflow-y: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* the time field can be right-aligned */
.cronos-month-table .cronos-event-brief-when {
	position: absolute;
	right: 0;
	width: 50px;
	text-align: right;
	color: grey;
}