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; }