diff --git a/spike/review/reinvent/ezmded/ui/files.ctmpl b/spike/review/reinvent/ezmded/ui/files.ctmpl
index 01b3e81..611a14a 100644
--- a/spike/review/reinvent/ezmded/ui/files.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/files.ctmpl
@@ -5,11 +5,10 @@
 		<title>{{ .This.Title }}</title>
       {{ template "_import" }}
 	</header>
-	<body class="lr_fullscreen tb_fullscreen" onload="init(); return false;">
-		<br>
-		<div class="rows">
+	<body class="fullscreen tb_fullscreen lr_fullscreen" style="position: absolute">
+		<div class="rows" style="height: inherit;">
          {{ template "_searchbar" }}
-			<div class="columns thic_flex tb_buffer">
+			<div class="columns thic_flex tb_buffer" style="height: calc(100% - 4rem);">
             {{ template "_filetree" . }}
 				<div class="thic_flex lr_fullscreen" style="margin-left: 1em; width: 5px;">
                {{ template "_editor" . }}
diff --git a/spike/review/reinvent/ezmded/ui/render.go b/spike/review/reinvent/ezmded/ui/render.go
index f9b7925..174cfb5 100644
--- a/spike/review/reinvent/ezmded/ui/render.go
+++ b/spike/review/reinvent/ezmded/ui/render.go
@@ -119,11 +119,17 @@ newlines
 			tmpl := t(p)
 			defer log.Printf("rendering %s (...%s) as %s", templateToExecute, path.Join(path.Base(path.Dir(p)), path.Base(p)), target)
 			if strings.HasPrefix(templateToExecute, "_") {
-				testTemplate := `{{ define "test" }}`
+				testTemplate := `
+					{{ define "test" }}
+					<body class="fullscreen" style="border: 10px solid red;">
+				`
 				for _, subtemplate := range always {
 					testTemplate += fmt.Sprintf(`{{ template %q . }}`, subtemplate)
 				}
 				testTemplate += fmt.Sprintf(`{{ template %q . }}{{ end }}`, templateToExecute)
+				testTemplate += `
+					</body>
+				`
 				tmpl = template.Must(tmpl.Parse(testTemplate))
 				templateToExecute = "test"
 			}
diff --git a/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl b/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
index 31c67c4..9c02dfe 100644
--- a/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
@@ -10,15 +10,8 @@
 		height: auto !important;
 	}
 	#article {
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
 		display: flex;
 		flex-direction: column;
-		overflow: scroll;
 	}
 	#titlepath, #title {
 		font-size: 2rem;
@@ -69,33 +62,35 @@
 		}, body, headers)
 	}
 </script>
-<article id="article">
-	<div class="columns">
-		<span class="r_buffer">
-         <form action="#" onsubmit="pushFile(); return false;"> <!-- TODO -->
-			   <input class="button-info lil_btn" type="submit" value="SAVE"/>
-         </form>
-		</span>
-		<span id="titlePath">
-			/
-         {{ if ne .This.PID "" }}
-            <a href="/ui/files/{{ .This.PID }}">{{ .This.PTitle }}</a> /
-         {{ end }}
-      </span>
-		<span id="title" class="thic_flex" contenteditable>{{ .This.Title }}</span>
-		<span class="l_buffer">
-         <form action="" method="delete" onsubmit="return confirm('are you sure?');"> <!-- TODO -->
-			   <input class="button-error lil_btn" type="submit" value="DELETE"/>
-         </form>
-		</span>
-	</div>
-	<!-- todo: each line no is an anchor -->
-	<div id="easyMDEwrap" class="monospace">
-		<textarea id="my-text-area"></textarea>
-	</div>
-	<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
-	</div>
-</article>
+<div class="fullscreen tb_fullscreen">
+	<article id="article">
+		<div class="columns">
+			<span class="r_buffer">
+	         <form action="#" onsubmit="pushFile(); return false;"> <!-- TODO -->
+				   <input class="button-info lil_btn" type="submit" value="SAVE"/>
+	         </form>
+			</span>
+			<span id="titlePath">
+				/
+	         {{ if ne .This.PID "" }}
+	            <a href="/ui/files/{{ .This.PID }}">{{ .This.PTitle }}</a> /
+	         {{ end }}
+	      </span>
+			<span id="title" class="thic_flex" contenteditable>{{ .This.Title }}</span>
+			<span class="l_buffer">
+	         <form action="" method="delete" onsubmit="return confirm('are you sure?');"> <!-- TODO -->
+				   <input class="button-error lil_btn" type="submit" value="DELETE"/>
+	         </form>
+			</span>
+		</div>
+		<!-- todo: each line no is an anchor -->
+		<div id="easyMDEwrap" class="monospace">
+			<textarea id="my-text-area"></textarea>
+		</div>
+		<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
+		</div>
+	</article>
+</div>
 <script>
 	const easyMDE = new EasyMDE({
 		autoDownloadFontAwesome: true,
diff --git a/spike/review/reinvent/ezmded/ui/templates/_filetree.ctmpl b/spike/review/reinvent/ezmded/ui/templates/_filetree.ctmpl
index 9f1a623..7169613 100644
--- a/spike/review/reinvent/ezmded/ui/templates/_filetree.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/templates/_filetree.ctmpl
@@ -17,8 +17,10 @@
 		padding-right: 1em;
 	}
 </style>
-<details open id="filetree">
-</details>
+<div class="fullscreen tb_fullscreen">
+	<details open id="filetree">
+	</details>
+</div>
 <script>
 	function drawTree(tree) {
 		document.getElementById("filetree").innerHTML = branchHTML("", tree)
diff --git a/spike/review/reinvent/ezmded/ui/templates/_import.ctmpl b/spike/review/reinvent/ezmded/ui/templates/_import.ctmpl
index 7f3e3d6..d97fce9 100644
--- a/spike/review/reinvent/ezmded/ui/templates/_import.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/templates/_import.ctmpl
@@ -18,15 +18,6 @@
    html, body {
    	background-color: #f8f8f8;
    }
-   .lr_fullscreen {
-   	width: 90%;
-   	max-width: 1024px;
-   	margin-right: auto;
-   	margin-left: auto;
-   }
-   .tb_fullscreen {
-   	margin-top: 1em;
-   }
    .columns {
    	display: flex;
    	flex-direction: row;
@@ -65,6 +56,24 @@
    }
    input, label, textarea {
    	margin: initial;
+   }
+	.fullscreen {
+		position: relative;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		padding: 5px;
+		overflow: scroll;
+	}
+   .lr_fullscreen {
+   	width: 100%;
+   	max-width: 1024px;
+   	margin-right: auto;
+   	margin-left: auto;
+   }
+   .tb_fullscreen {
+		height: 100%;
    }
 </style>
 {{ end }}
