From e766a205a1f8b48b9959fa60b279684fb9ac56dc Mon Sep 17 00:00:00 2001
From: Bel LaPointe <breel@qualtrics.com>
Date: Tue, 8 Feb 2022 15:39:22 -0700
Subject: [PATCH] ui things

---
 spike/review/reinvent/ezmded/ui/index.html | 28 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)
diff --git a/spike/review/reinvent/ezmded/ui/index.html b/spike/review/reinvent/ezmded/ui/index.html
index a0ecfa5..48a72e4 100644
--- a/spike/review/reinvent/ezmded/ui/index.html
+++ b/spike/review/reinvent/ezmded/ui/index.html
@@ -5,12 +5,30 @@
 		<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
 		<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
+		<style>
+			#tree {
+				min-width: 180px;
+			}
+			#tree ul {
+				padding-inline-start: 1em;
+			}
+		</style>
 	</header>
 	<body>
-		<textarea id="my-text-area">
-# initial
-value
-		</textarea>
+		<div style="width: 100%; margin: auto; max-width: 1024; display: flex; flex-direction: columns;">
+			<details>
+				<summary style="min-width: 60px;">Tree</summary>
+				<div id="tree">
+					<ul>
+						<li>hi</li>
+						<ul><li>subhi</li></ul>
+					</ul>
+				</div>
+			</details>
+			<article style="flex-grow: 1;">
+				<textarea id="my-text-area"></textarea>
+			</article>
+		</div>
 	</body>
 	<footer>
 		<script>
@@ -36,7 +54,7 @@ value
 				lineNumbers: true,
 				uploadImage: true,
 				imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
-				imagePathAbsolute: true,
+				imagePathAbsolute: false,
 				renderingConfig: {
 					codeSyntaxHighlighting: true,
 				},
