Stack buttons vertically and show above map

voicegardens/static/styles.css

@@ -1,10 +1,9 @@
 /* Custom CSS styles */
 
-html * {
+body {
-  border: 1px black solid;  /* TODO: experimenting for now */
+  margin: 0px;
 }
 
-canvas {
+button {
-  opacity: 0;
+  z-index: 50;
-  z-index: 10000000000;
 }

voicegardens/static/voicegardens.js

@@ -89,19 +89,19 @@ function setupRecording() {
   recording = new p5.SoundFile();
 
   recordButton = createButton("record");
-  recordButton.position(10, 90);
+  recordButton.position(50, 10);
   recordButton.mousePressed(record);
 
   stopButton = createButton("stop");
-  stopButton.position(120, 90);
+  stopButton.position(50, 40);
   stopButton.mousePressed(stop);
 
   playButton = createButton("play");
-  playButton.position(210, 90);
+  playButton.position(50, 70);
   playButton.mousePressed(play);
 
   playButton = createButton("archive");
-  playButton.position(300, 90);
+  playButton.position(50, 100);
   playButton.mousePressed(archive);
 }