From 2380b65853e8bacdc9eb4e568fec88b7dadb333c Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sun, 14 Jan 2024 02:37:15 +0000
Subject: [PATCH] Man, CSS.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4768 ed5197a5-7fde-0310-b194-c3ffbd925b24
---
 core/index.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)
diff --git a/core/index.html b/core/index.html
index 988f3c2d..882b33f0 100644
--- a/core/index.html
+++ b/core/index.html
@@ -13,10 +13,10 @@
 			}
 		</script>
 	</head>
-	<body style="display: flex; flex-flow: column">
+	<body style="display: flex; flex-flow: column; width: 100vw; height: 100vh; position: absolute; max-width: 100%; max-height: 100%">
 		<tf-navigation></tf-navigation>
-		<div id="content" class="hbox" style="flex: 1 1; width: 100%">
-			<div id="editPane" class="vbox" style="flex: 1 1; display: none">
+		<div id="content" class="hbox" style="flex: 1 0; overflow: scroll">
+			<div id="editPane" class="vbox" style="flex: 0 0 50%; display: none; overflow: scroll">
 				<div class="navigation hbox">
 					<button id="closeEditor" name="closeEditor" accesskey="c" onmouseover="set_access_key_title(event)" data-tip="Close the editor">Close</button>
 					<button id="save" name="save" accesskey="s" onmouseover="set_access_key_title(event)" data-tip="Save the app under the given path">Save</button>
@@ -25,12 +25,14 @@
 					<button id="delete" name="delete" accesskey="d" onmouseover="set_access_key_title(event)" data-tip="Delete the app">Delete</button>
 					<button id="trace_button" accesskey="t" onmouseover="set_access_key_title(event)" data-tip="Open a performance trace for the server">Trace</button>
 				</div>
-				<div class="hbox" style="height: 100%">
-					<tf-files-pane></tf-files-pane>
-					<div style="display: flex; flex: 1 1 50%; flex-flow: column" id="editor"></div>
+				<div class="hbox" style="flex: 1 1; overflow: scroll">
+					<div style="overflow: scroll">
+						<tf-files-pane style="overflow: scroll"></tf-files-pane>
+					</div>
+					<div style="flex: 1 1; overflow: scroll"><div id="editor" style="width: 100%; height: 100%"></div></div>
 				</div>
 			</div>
-			<div id="viewPane" class="vbox" style="flex: 1 1; overflow: auto">
+			<div id="viewPane" class="vbox" style="flex: 0 0 50%; overflow: scroll">
 				<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals allow-popups allow-downloads" style="width: 100%; height: 100%; border: 0"></iframe>
 			</div>
 		</div>
