spacing between action buttons and pointer cursor

This commit is contained in:
azivner 2017-12-04 18:21:57 -05:00
parent 3789ead2da
commit 33ab709209
2 changed files with 19 additions and 13 deletions

View File

@ -83,6 +83,10 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit
text-decoration: none; text-decoration: none;
} }
.icon-action {
cursor: pointer;
}
#protect-button, #unprotect-button { #protect-button, #unprotect-button {
display: none; display: none;
} }

View File

@ -33,22 +33,24 @@
</div> </div>
</div> </div>
<div class="hide-toggle" style="grid-area: tree-actions"> <div class="hide-toggle" style="grid-area: tree-actions;">
<a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action"> <div style="display: flex; justify-content: space-evenly; padding: 10px;">
<img src="images/icons/file-plus.png" alt="Create new top level note"/> <a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action">
</a> <img src="images/icons/file-plus.png" alt="Create new top level note"/>
</a>
<a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action"> <a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">
<img src="images/icons/list.png" alt="Collapse tree"/> <img src="images/icons/list.png" alt="Collapse tree"/>
</a> </a>
<a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action"> <a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
<img src="images/icons/crosshair.png" alt="Collapse tree"/> <img src="images/icons/crosshair.png" alt="Collapse tree"/>
</a> </a>
<a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action"> <a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">
<img src="images/icons/search.png" alt="Search in notes"/> <img src="images/icons/search.png" alt="Search in notes"/>
</a> </a>
</div>
<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;"> <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
<p> <p>