@import '~elements-sk/colors';
@import '../colors';

changelists-page-sk {

	.controls {
		display: flex;
		checkbox-sk {
			margin: auto 2px;
		}
	}

	table {
		border-collapse: collapse;
	}

	thead th {
		font-weight: bold;
		text-align: left;
		border: 1px solid var(--light-gray);
	}

	tr:hover {
		background: var(--dark-white);
	}

	td {
		padding: 0.25em;
		min-width: 4em;
		&.owner {
			word-break: break-word;
		}
		&.id {
			white-space: nowrap;
		}
	}

	a {
		color: var(--bright-orange);
		font-weight: bold;
		cursor: pointer;
	}
}