Better mobile view

views/pages/notes2.gotmpl

@@ -1,5 +1,14 @@
 {{ define "page" }}
+<script>
+	function showTree() {
+		const notes2 = document.getElementById('notes2')
+		notes2.classList.remove('hide-tree')
+		notes2.classList.add('show-tree')
+	}
+</script>
+
 <div id="notes2">
+	<div id="show-tree" onclick="showTree()">&gt;</div>
 	<div id="tree" tabindex=0></div>
 
 	<div id="main-page">
@@ -11,7 +20,7 @@
 		<!-- Node editing -->
 		<div id="page-node">
 			<div id="crumbs"></div>
-			<n2-syncprogress></n2-syncprogress>
+			<!--n2-syncprogress></n2-syncprogress-->
 			<n2-nodeui id="note"></n2-nodeui>
 		</div>
 
@@ -25,8 +34,6 @@
 <link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/notes2.css">
 
 <script type="module">
-
-
 	import {NodeStore} from '/js/{{ .VERSION }}/node_store.mjs'
 
 	import {App} from "/js/{{ .VERSION }}/app.mjs"