add controls

1 files changed, 3 insertions, 2 deletions

diff --git a/src/lib/util.js b/src/lib/util.js
index 750c5b7..7980220 100644
--- a/src/lib/util.js
+++ b/src/lib/util.js
@@ -26,7 +26,7 @@ export const randnullsign = () => {
 export function requestAudioContext(fn) {
   const container = document.createElement("div");
   const button = document.createElement("div");
-  button.innerHTML = "Tap to start - please unmute your phone";
+  button.innerHTML = "Tap to start - please unmute your device";
   Object.assign(container.style, {
     display: "block",
     position: "absolute",
@@ -45,12 +45,13 @@ export function requestAudioContext(fn) {
     padding: "20px",
     backgroundColor: "#7F33ED",
     color: "white",
-    fontFamily: "monospace",
+    fontFamily: "'Menlo', monospace",
     borderRadius: "3px",
     transform: "translate3D(-50%,-50%,0)",
     textAlign: "center",
     lineHeight: "1.5",
     width: "150px",
+    cursor: "pointer",
   });
   container.appendChild(button);
   document.body.appendChild(container);