diff --git a/server/public/ui/templates/_filetree.ctmpl b/server/public/ui/templates/_filetree.ctmpl
index f8af0bd..0e796ed 100644
--- a/server/public/ui/templates/_filetree.ctmpl
+++ b/server/public/ui/templates/_filetree.ctmpl
@@ -53,11 +53,15 @@
 		const title=id ? branch.Leaf.Meta.Title : "ROOT"
 		const isLiveParent = '{{ .This.ID }}'.slice(0, id.length) == id
 		const isLive = '{{ .This.ID }}' == id
-		return `
+		const linkToFile = `
 			<div style="margin: 0; padding: 0; height: 0; width: 0;" id="${name}"></div>
-			<a style="flex-grow: 1;" href="${href}#${parentname}"><button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">${title}</button></a>
-			<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>
+			<a style="flex-grow: 1;" href="${href}#${parentname}">
+				<button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">
+					${title}
+				</button>
+			</a>
 		`
+		return linkToFile + (branch.Leaf.Meta.ReadOnly ? "" : `<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>`)
 	}
 	function branchesHTML(id, branches) {
 		if (!branchesHaveContent(branches))