diff --git a/TODO b/TODO
index 8dc158f9e..bebc2b959 100644
--- a/TODO
+++ b/TODO
@@ -12,6 +12,8 @@ New features:
 - ctrl-b nad linkem by mohlo byt goto do notu
 - potencialne nova navigace back - forward
 - javascript editor
+- persisted recent notes (is wiped out after reload)
+- sync of current page?
 
 Refactorings:
 - modularize frontend
diff --git a/src/templates/app.html b/src/templates/app.html
index f5ab1a528..d2a7022b1 100644
--- a/src/templates/app.html
+++ b/src/templates/app.html
@@ -6,36 +6,34 @@
   </head>
   <body>
     <div id="container">
-      <div style="grid-area: tree">
-        <div class="hide-toggle">
-          <a onclick="createNewTopLevelNote()" title="Create new top level note" class="icon-action">
-            <img src="stat/icons/file-plus.png" alt="Create new top level note"/>
-          </a>
+      <div class="hide-toggle" style="grid-area: tree-actions">
+        <a onclick="createNewTopLevelNote()" title="Create new top level note" class="icon-action">
+          <img src="stat/icons/file-plus.png" alt="Create new top level note"/>
+        </a>
 
-          <a onclick="collapseTree()" title="Collapse tree" class="icon-action">
-            <img src="stat/icons/list.png" alt="Collapse tree"/>
-          </a>
+        <a onclick="collapseTree()" title="Collapse tree" class="icon-action">
+          <img src="stat/icons/list.png" alt="Collapse tree"/>
+        </a>
 
-          <a onclick="scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
-            <img src="stat/icons/crosshair.png" alt="Collapse tree"/>
-          </a>
+        <a onclick="scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
+          <img src="stat/icons/crosshair.png" alt="Collapse tree"/>
+        </a>
 
-          <a onclick="toggleSearch()" title="Search in notes" class="icon-action">
-            <img src="stat/icons/search.png" alt="Search in notes"/>
-          </a>
+        <a onclick="toggleSearch()" title="Search in notes" class="icon-action">
+          <img src="stat/icons/search.png" alt="Search in notes"/>
+        </a>
 
-          <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
-            <p>
-              <label>Search:</label>
-              <input name="search" autocomplete="off">
-              <button id="btnResetSearch">&times;</button>
-              <span id="matches"></span>
-            </p>
-          </div>
+        <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
+          <p>
+            <label>Search:</label>
+            <input name="search" autocomplete="off">
+            <button id="btnResetSearch">&times;</button>
+            <span id="matches"></span>
+          </p>
         </div>
+      </div>
 
-        <div id="tree" class="hide-toggle" style="overflow: auto;">
-        </div>
+      <div id="tree" class="hide-toggle" style="grid-area: tree; overflow: auto;">
       </div>
 
       <div class="hide-toggle" style="grid-area: title;">
diff --git a/static/style.css b/static/style.css
index b7edd5481..836596023 100644
--- a/static/style.css
+++ b/static/style.css
@@ -4,12 +4,10 @@
     height: 100vh;
 
     display: grid;
-    grid-template-areas: "tree title"
-                         "tree note-content"
+    grid-template-areas: "tree-actions title"
                          "tree note-content";
     grid-template-columns: 2fr 5fr;
     grid-template-rows: auto
-                        auto
                         1fr;
     justify-content: center;
     grid-gap: 10px;
