action icons now have hover border as well

src/public/stylesheets/desktop.css

@@ -84,7 +84,7 @@ body {
 #global-buttons {
     display: flex;
     justify-content: space-around;
-    padding: 10px 0 10px 0;
+    padding: 3px 0 3px 0;
     border: 1px solid var(--main-border-color);
     border-radius: 7px;
     margin: 5px 15px 5px 5px;

src/public/stylesheets/mobile.css

@@ -19,7 +19,7 @@ html, body {
     display: flex;
     flex-shrink: 0;
     justify-content: space-around;
-    padding: 10px 0 10px 0;
+    padding: 3px 0 3px 0;
     margin: 0 10px 0 16px;
 }
 

src/public/stylesheets/style.css

@@ -227,9 +227,13 @@ span.fancytree-node.archived {
 
 .icon-action:hover {
     text-decoration: none;
+    border-color: var(--button-border-color);
 }
 
 .icon-action {
+    border: 1px solid transparent;
+    border-radius: 3px;
+    padding: 5px;
     cursor: pointer;
     font-size: 1.5em;
 }

src/services/backend_script_api.js

@@ -194,25 +194,6 @@ function BackendScriptApi(currentNote, apiParams) {
      */
     this.createNote = noteService.createNewNote;
 
-    /**
-     * Creates new note according to given params and force all connected clients to refresh their tree.
-     *
-     * @method
-     *
-     * @param {string} parentNoteId - create new note under this parent
-     * @param {string} title
-     * @param {string} [content=""]
-     * @param {CreateNoteParams} [extraOptions={}]
-     * @returns {Promise<{note: Note, branch: Branch}>} object contains newly created entities note and branch
-     */
-    this.createNoteAndRefresh = async function(parentNoteId, title, content, extraOptions) {
-        const ret = await noteService.createNewNote(parentNoteId, title, content, extraOptions);
-
-        ws.refreshTree();
-        
-        return ret;
-    };
-
     /**
      * Log given message to trilium logs.
      *

src/views/desktop.ejs

@@ -14,8 +14,6 @@
         <div id="history-navigation" style="display: none;">
             <a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>
 
-            &nbsp;
-
             <a id="history-forward-button" title="Go to next note." class="icon-action bx bx-right-arrow-circle"></a>
         </div>