popup.css

body, html {
	background: rgb(240, 240, 240);
	color: rgb(60, 60, 60);
	margin: 0 auto;
}
* {
	font-family: sans-serif;
	user-select: none;
}

#elements-pane {
	max-width: 360px;
}
header {
	display: flex;
	align-items: center;
	padding: 0.1rem 1rem;
}
header :first-child {
	flex: 1;
}
header h1 {
	font-size: 1.3rem;
}
header img {
	width: 1.8rem;
	height: 1.8rem;
	margin-left: 0.8em;
}
#elements-list, .info {
	background: white;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#elements-list li {
	margin: 0;
	padding: 1rem;
	border-bottom:1px solid rgb(240, 240, 240);
}
#elements-list li:last-child {
	border-bottom-width: 0;
}
.element-label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 280px;
}
.checkboxes {
	display: flex;
	align-items: center;
}
.checkboxes label {
	margin-right: 0.8rem;
}
label {
	display: flex;
	padding: 0.2rem 0;
}
li > label:first-of-type {
	margin-top: 0.2rem;
}
label span {
	min-width: 10%;
	padding: 0 0.3rem;
}
label span:first-child {
	min-width: 15%;
	text-align: right;
}
label input:not([type=checkbox]) {
	flex: 1;
}
.info {
	font-size: 0.8em;
	color: #666;
	padding: 1rem;
}