deemix-webui/public/css/modules/globals/tables.css

.table {
	width: 100%;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
}

.table td,
.table th {
	vertical-align: middle;
}

.table tr {
	background: var(--table-bg);
	transition: background-color 175ms ease-in-out;
}

.table tr:not(:last-child) {
	border-bottom: 1px solid var(--table-highlight);
}

.table tbody tr:hover {
	background: var(--table-highlight);
}

.table .table__cover {
	box-sizing: content-box;
	width: 32px;
}

.table .table__cover.table__cover--big {
	width: 48px;
	text-align: center;
}

/* === Tracks Table === */
.table--tracks {
	border-collapse: collapse;

	--radius: 3px;
	--vertical-separator: 7px;
}

.table--tracks thead {
	position: sticky;
	border-bottom: 2px solid var(--table-highlight);
}

.table--tracks td {
	height: 35px;
}

.table--tracks th {
	padding-bottom: 10px;
}

.table--tracks .table__col.table__col--centered {
	text-align: center;
}

.table--tracks td.breakline {
	word-break: break-word;
}

.table--tracks tr:first-child td:first-child {
	border-top-left-radius: var(--radius);
}

.table--tracks tr:first-child td:last-child {
	border-top-right-radius: var(--radius);
}

.table--tracks tr:last-child td:first-child {
	border-bottom-left-radius: var(--radius);
}

.table--tracks tr:last-child td:last-child {
	border-bottom-right-radius: var(--radius);
}

.table--tracks td:first-child {
	padding: var(--vertical-separator) 10px var(--vertical-separator) 20px;
}

.table--tracks td:nth-child(2) {
	width: 50%;
	padding: var(--vertical-separator) 10px;
}

.table--tracks td:nth-child(3) {
	width: 16.8%;
	padding: var(--vertical-separator) 10px;
}

.table--tracks td:nth-child(4) {
	width: 16.8%;
	padding: var(--vertical-separator) 10px;
}

.table--tracks td:nth-child(5) {
	width: 6%;
	padding: var(--vertical-separator) 10px;
}

.table--tracks td:last-child {
	padding: var(--vertical-separator) 20px var(--vertical-separator) 10px;
}

.table--tracks .table__download {
	text-align: center;
}

.table--tracks .table__download i.material-icons {
	transition: color 175ms ease-in-out;
}

.table--tracks .table__download:hover i.material-icons {
	color: var(--table-bg);
}

/* === Tracks Table End === */

.table td img {
	vertical-align: middle;
}

.tracklist_table td {
	height: 50px;
	vertical-align: middle;
}

.tracklist_table .explicit_icon {
	vertical-align: middle;
	margin-right: var(--explicit-separator);
}

.tracklist_table .track_position_head,
.tracklist_table .track_position {
	width: 10px;
	text-align: center;
}

.explicit_tracklist {
	margin-left: var(--explicit-separator);
}

.track_checkbox {
	cursor: pointer;
}

.track_row > td > img {
	width: 32px;
	height: 32px;
}

.track_row > td > a > img {
	width: 56px;
	height: 56px;
}

.top-tracks-position {
	padding: 12px;
	text-align: center;
	cursor: default;
}