.styleProvider-filter, .styleProvider-audio, .styleProvider-paint, .styleProvider-paint-selected, .styleProvider-lock { z-index: 2; // has to be above title which is z-index 1 font-size: 10; width: 15; height: 15; position: absolute; right: -15; top: 0; background: black; pointer-events: all; opacity: 0.3; display: flex; flex-direction: column; color: red; border-radius: 3px; justify-content: center; cursor: default; } .styleProvider-filter { right: 15; .styleProvider-filterShift { left: 0; top: 0; position: absolute; } } .styleProvider-audio { right: 30; } .styleProvider-paint-selected, .styleProvider-paint { top: 15; } .styleProvider-paint-selected { right: -30; } .styleProvider-lock:hover, .styleProvider-audio:hover, .styleProvider-filter:hover { opacity: 1; } .styleProvider-treeView-icon, .styleProvider-treeView-icon-active { margin-left: 0; margin-right: 0; } .styleProvider-treeView-icon { opacity: 0; }