html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#container-row {
height: 100%;
}
#left-pane {
height: 100%;
display: flex;
flex-direction: column;
}
#global-buttons {
display: flex;
justify-content: space-around;
padding: 10px 0 10px 0;
margin: 0 10px 0 16px;
}
#tree {
font-size: larger;
width: 100%;
overflow: auto;
}
#tree .action-button {
position: relative;
top: -5px;
margin-left: 10px;
}
#detail {
padding: 20px 20px 10px 35px;
height: 100%;
flex-direction: column;
}
#detail-content {
position: relative;
overflow: auto;
flex-direction: column;
height: 100%;
}
#note-title-row {
display: flex;
padding-right: 10px;
}
.action-button {
background: none;
border: none;
cursor: pointer;
font-size: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}
.fancytree-custom-icon {
font-size: 2em;
}
.fancytree-title {
font-size: 1.5em;
margin-left: 0.6em !important;
}
.fancytree-node {
padding: 5px;
}
.fancytree-node .fancytree-expander:before {
font-size: 2em;
}
kbd {
display: none;
}