1 files changed, 40 insertions, 39 deletions
diff --git a/site/index.html b/site/index.html
index 4ddb3ea..2273668 100644
--- a/site/index.html
+++ b/site/index.html
@@ -10,15 +10,14 @@
   <body>
     <h1>automathon</h1>
 
-    <div id='ff'>
-      <section id='arena'>
+    <div class='flex-col'>
+      <section>
         <h2>arena</h2>
-        <canvas width='300' height='300'>
+        <canvas id='arena' width='300' height='300'>
           oh no! no canvas support!
         </canvas>
 
         <div class='controls'>
-          <!-- <button id='bench'>bench</button> -->
           <button id='tick'>
             <svg version='1.1' width='30' height='20' viewbox='0 0 100 100'>
               <title>tick</title>
@@ -53,45 +52,47 @@
         fps: <span id='fps'>n/a</span>
       </section> <!-- arena -->
 
-      <x-inspector id='robview'>
-        <h2>inspector</h2>
-        <details id='editor' open>
-          <summary>source code</summary>
-          <div id='code'>
-            <select id='src-select'>
-              <option>rob.fs</option>
-              <option>fac.fs</option>
-              <option>slo-fac.fs</option>
-            </select>
-            <button id='compile'>compile</button>
-            <br>
-            <div id='src' contenteditable='plaintext-only'></div>
-          </div> <!-- code -->
-        </details>
+      <section>
+        <x-inspector>
+          <h2>inspector</h2>
+          <details open>
+            <summary>source code</summary>
+            <div>
+              <select class='src-select'>
+                <option>rob.fs</option>
+                <option>fac.fs</option>
+                <option>slo-fac.fs</option>
+              </select>
+              <button class='compile'>compile</button>
+              <br>
+              <div class='src' contenteditable='plaintext-only'></div>
+            </div> <!-- code -->
+          </details>
 
-        <details id='scope' open>
-          <summary>scope</summary>
-          <fieldset class='wordlist'>
-            <legend>word list</legend>
-            <div id='wordlist'></div>
-          </fieldset>
+          <details open>
+            <summary>scope</summary>
+            <fieldset>
+              <legend>word list</legend>
+              <div class='wordlist'></div>
+            </fieldset>
 
-          <fieldset class='vars'>
-            <legend>vars</legend>
-            <dl id='vars'></dl>
-          </fieldset>
+            <fieldset>
+              <legend>vars</legend>
+              <dl class='vars'></dl>
+            </fieldset>
 
-          <fieldset class='stack'>
-            <legend>stack</legend>
-            <ol id='stack'></ol>
-          </fieldset>
+            <fieldset>
+              <legend>stack</legend>
+              <ol class='stack'></ol>
+            </fieldset>
 
-          <fieldset class='callstack'>
-            <legend>call stack</legend>
-            <ol id='callstack'></ol>
-          </fieldset>
-        </details> <!-- scope -->
-      </x-inspector>
+            <fieldset>
+              <legend>call stack</legend>
+              <ol class='callstack'></ol>
+            </fieldset>
+          </details> <!-- scope -->
+        </x-inspector>
+      </section>
     </div>
 
     <script src='./main.mjs' type='module'></script>