diff --git a/spike/review/reinvent/ezmded/ui/index.html b/spike/review/reinvent/ezmded/ui/index.html
index f2d1b2e..03f32e1 100644
--- a/spike/review/reinvent/ezmded/ui/index.html
+++ b/spike/review/reinvent/ezmded/ui/index.html
@@ -32,9 +32,33 @@
 				flex-direction: row;
 				width: calc(100% - 1em);
 			}
-			.filetreelink {
+			.fullscreen {
+				width: 90%;
+				max-width: 1024px;
+				margin: auto;
+			}
+			.columns {
+				display: flex;
+				flex-direction: row;
+			}
+			.rows {
 				width: 100%;
+				display: flex;
+				flex-direction: column;
+			}
+			.thic_flex {
 				text-align: left;
+				flex-grow: 1;
+			}
+			.mia {
+				display: none;
+			}
+			.lr_buffer {
+				margin-left: 5%;
+				margin-right: 5%;
+			}
+			.monospace {
+				font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
 			}
 		</style>
 		<script>
@@ -151,13 +175,13 @@
 			}
 
 			function enableMDE() {
-				document.getElementById("searchResults").style.display = "none";
-				document.getElementById("article").style.display = "";
+				document.getElementById("searchResults").className = "mia";
+				document.getElementById("article").className = "";
 			}
 
 			function disableMDE() {
-				document.getElementById("article").style.display = "none";
-				document.getElementById("searchResults").style.display = "";
+				document.getElementById("article").className = "mia";
+				document.getElementById("searchResults").className = "";
 			}
 
 			function setMDE(id, title, body) {
@@ -213,12 +237,12 @@
 				function htmlifyBranch(id, branch) {
 					const maxTreeTitleLength = 35
 					var parent = `
-						<input class="filetreelink" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
+						<input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
 						<input type="button" value="+" onclick="drawNewFile('${id}');"/>
 					`
 					if (id == "") {
 						parent = `
-							<span style="flex-grow:1"></span>
+							<span class="thic_flex"></span>
 							<input type="button" value="+" onclick="drawNewFile('${id}');"/>
 						`
 					}
@@ -264,31 +288,32 @@
 			}
 		</script>
 	</header>
-	<body style="width: 90%; max-width: 1024px; margin: auto;" onload="init(); return false;">
-		<div style="width: 100%; display: flex; flex-direction: column;">
-			<form action="return false;" style="margin: 1em; display: flex; flex-direction: row;">
-				<input type="text" id="searchbox" style="flex-grow: 1;" placeholder="search regexp"/>
+	<body class="fullscreen" onload="init(); return false;">
+		<br>
+		<div class="rows">
+			<form class="columns" action="return false;">
+				<input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/>
 				<input type="submit" value="search" onclick="searchFiles(); return false;"/>
 			</form>
-			<div style="width: 100%; display: flex; flex-direction: row; flex-grow: 1;">
+			<div class="columns thic_flex">
 				<div id="tree" class="filetree"></div>
-				<div style="flex-grow: 1; margin-left: 1em; max-width: 1024px;">
-					<article id="searchResults" style="display: none">
+				<div class="thic_flex fullscreen" style="margin-left: 1em;">
+					<article id="searchResults" class="mia">
 					</article>
-					<article id="article" style="display: none">
+					<article id="article" class="mia">
 						<div>
-							<h1 style="display: flex; flex-direction: row;">
-								<input type="submit" value="SAVE" onclick="pushFile(); return false;" style="margin-left: 5%; margin-right: 5%"/>
+							<h1 class="columns">
+								<input type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
 								<span id="titlePath">
 								</span>
-								<span id="title" contenteditable style="flex-grow: 1;"></span>
+								<span id="title" class="thic_flex" contenteditable></span>
 								<input type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
 							</h1>
 						</div>
 						<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
 						</div>
 						<!-- todo: each line no is an anchor -->
-						<div style="font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;">
+						<div class="monospace">
 							<textarea id="my-text-area"></textarea>
 						</font>
 					</article>
