jspaint/layout.css

html, body, .jspaint {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.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-Tools-component {
	height: 273px;
	align-items: center;
	padding-left: 4px;
	padding-right: 2px;
	flex-flow: column;
}
.jspaint-tool-options {
	margin-top: 3px;
	width: 41px;
	height: 66px;
	box-sizing: border-box;
}
.jspaint-tools {
	display: flex;
	flex-flow: row wrap;
	height: 200px;
	width: 50px;
}


.jspaint-Colors-component {
	height: 47px;
	align-items: center;
}
.jspaint-palette {
	display: flex;
	flex-flow: row wrap;
	height: 40px;
	width: 225px;
}
.jspaint-color-box,
.jspaint-palette {
	height: 32px;
}
.jspaint-current-colors {
	width: 30px;
	height: 31px;
}
.jspaint-color-button,
.jspaint-color-selection {
	margin-left: 1px;
	padding: 0;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border: 0;
}


.jspaint-main {
	flex: 1;
	display: block;
	overflow: auto;
	padding: 3px;
}