Moved full-page management to separate class

static/css/notes2.css

@@ -140,7 +140,7 @@ html {
 
 	n2-tree {
 		.el-treenodes {
-			margin: 32px;
+			margin: 24px 32px 32px 32px;
 		}
 	}
 
@@ -470,3 +470,46 @@ dialog.op {
 		}
 	}
 }
+
+
+/* ------------------------------------------- *
+ * Whole page is 100vh with scrolling sections *
+ * ------------------------------------------- */
+#app.full-height {
+	#notes2 {
+		height: 100vh;
+
+
+	}
+
+	#tree {
+		n2-tree {
+			.el-treenodes {
+				height: calc(100vh - 64px - 64px);
+				margin: 0px;
+				padding: 12px 32px 32px 32px;
+				overflow-y: auto;
+
+				&::-webkit-scrollbar {
+					display: none;
+				}
+
+				-ms-overflow-style: none;
+				scrollbar-width: none;
+			}
+		}
+	}
+
+	n2-nodeui {
+		.el-node-markdown {
+			overflow-y: scroll;
+
+			&::-webkit-scrollbar {
+				display: none;
+			}
+
+			-ms-overflow-style: none;
+			scrollbar-width: none;
+		}
+	}
+}

static/js/tree.mjs

@@ -82,7 +82,7 @@ export class N2Tree extends CustomHTMLElement {
 					.icons {
 						display: flex;
 						justify-content: center;
-						margin: 16px 0px 32px 0px;
+						margin-top: 16px;
 						gap: 8px;
 						padding-bottom: 16px;
 						border-bottom: 1px solid var(--line-color);