2 files changed, 18 insertions, 7 deletions
diff --git a/index.html b/index.html
index b95430d..53d79ec 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,10 @@
 <link rel="stylesheet" type="text/css" href="style.css">
 <title>Derelict</title>
 <body>
-<div id="container"></div>
-<input type="range" min="0" max="1" value="0" id="timeline">
+<div id="wrapper">
+	<div id="container"></div>
+	<div id="toolbar">
+		<input type="range" min="0" max="1" value="0" id="timeline">
+	</div>
+</div>
 <script type="module" src="derelict.js"></script>
diff --git a/style.css b/style.css
index 2be182c..bd1cb01 100644
--- a/style.css
+++ b/style.css
@@ -11,13 +11,20 @@ body {
 	fill: #eee;
 }
 
-#container {
+#wrapper {
+	display: flex;
 	width: 100vw;
 	height: 100vh;
+	flex-direction: column;
+}
+
+#container {
+	position: relative;
+	overflow: hidden;
+	flex-grow: 1;
 }
 
-#timeline {
-	position: absolute;
-	width: 50vw;
-	bottom: 0px;
+#toolbar {
+	background: #eee;
+	padding: 1em;
 }