From 4ffb6e3a1121bac3d67d9cb26f8dbf800e622fed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Thu, 4 Jun 2026 10:17:50 +0200
Subject: [PATCH] Moved full-page management to separate class

---
 static/css/notes2.css | 45 ++++++++++++++++++++++++++++++++++++++++++-
 static/js/tree.mjs    |  2 +-
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/static/css/notes2.css b/static/css/notes2.css
index e1a6972..d9b6170 100644
--- a/static/css/notes2.css
+++ b/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;
+		}
+	}
+}
diff --git a/static/js/tree.mjs b/static/js/tree.mjs
index 4e92021..928d60d 100644
--- a/static/js/tree.mjs
+++ b/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);