Layout Adjustments for the Open Source Joplin App

usercrome.css

.header {
	height: 55px !important;
	padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    font-family: 'Avenir', 'Arial', sans-serif !important;
	font-size: 13px !important;
}

.header .button {
	font-family: 'Avenir', 'Arial', sans-serif !important;
	font-size: 13px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.header > div > a {
	padding-left: 10px !important;
}

.noteTextViewer {
	padding-left: 25px;
	padding-top: 25px;
}

.ace_scroller {
	left: 25px !important;
	top: 25px !important;
}

.item-list .list-item-container {
 	height: 38px !important;
}

.item-list .list-item-container a {
	padding-left: 20px !important;
	font-family: 'Avenir', 'Arial', sans-serif !important;
	font-size: 14px !important;
}

.editor-toolbar .button i {
	font-size: 13px !important;
}

#react-root > div > div > div:nth-child(8) > div:nth-child(1) > input[type=text] {
	border-color: transparent !important
}

.ace_heading {
	font-weight: bold !important;
}