jspaint/layout.css

html, body, .jspaint {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.jspaint * {
	display: flex;
}
.jspaint {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.jspaint-horizontal {
	flex-flow: row;
	flex: 1;
}
.jspaint-vertical {
	flex-flow: column;
	flex: 1;
}

.jspaint-vertical > div + c-area { /*hax*/
	flex-basis: 47px;
	align-items: center;
}
.jspaint-tool-box {
	padding-left: 4px;
	padding-right: 2px;
}

.overlay-container {
	position: relative;
}
.overlay {
	position: absolute;
	z-index: 1;
    pointer-events: none;
}
.jspaint-tools {
	display: flex;
	flex-flow: row wrap;
	height: 200px;
	width: 50px;
}
.jspaint-main {
	flex: 1;
}