qsomap/static/style.css

body {
	background-color: #eef;
	color: #112;
	font: sans-serif;
}

div.form form {
	border: 1px solid #118;
	border-radius: 0.5em;
	padding: 0.2em;
	width: fit-content;
	display: flex;
	flex-direction: column;
}

div.form form div {
	padding: 0.2em;
	display: flex;
	flex-direction: row;
}

div.form * label {
	font-weight: bold;
	flex: 3;
}

div.form * input[type=text] {
	flex: 1;
	width: 5em;
	margin-left: 1em;
	text-align: right;
}

div.form * input[type=file] {
	flex: 3;
	margin-left: 1em;
}

div.form * input[type=submit] {
	flex: 1;
}

#loading {
	color: #afa;
	font-weight: bold;
}

#downloadlink {
	display: block;
	width: fit-content;
	background: #ddf;
	padding: 0.5em;
	border: 1px solid #229;
	border-radius: 0.5em;
	margin: 1em 0;
}

#svgcontainer {
	border: 1px solid #229;
	padding: 1em;
	display: block;
	background: #888;
	border-radius: 2em;
}

#svgcontainer svg {
	width: 100%;
	height: auto;
}