From b19c17b390cf44d1a6af6f80c480e24cb262a4e8 Mon Sep 17 00:00:00 2001
From: Luke Murphy <lukewm@riseup.net>
Date: Tue, 7 Jan 2020 11:38:39 +0100
Subject: [PATCH] Stack buttons vertically and show above map

---
 voicegardens/static/styles.css      | 9 ++++-----
 voicegardens/static/voicegardens.js | 8 ++++----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/voicegardens/static/styles.css b/voicegardens/static/styles.css
index 9c0fcb1..d91ded1 100644
--- a/voicegardens/static/styles.css
+++ b/voicegardens/static/styles.css
@@ -1,10 +1,9 @@
 /* Custom CSS styles */
 
-html * {
-  border: 1px black solid;  /* TODO: experimenting for now */
+body {
+  margin: 0px;
 }
 
-canvas {
-  opacity: 0;
-  z-index: 10000000000;
+button {
+  z-index: 50;
 }
diff --git a/voicegardens/static/voicegardens.js b/voicegardens/static/voicegardens.js
index faf97e1..e2d6805 100644
--- a/voicegardens/static/voicegardens.js
+++ b/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);
 }