From 4c38e0cc6c50674b1c46ffe3fe9be75c264fc7a5 Mon Sep 17 00:00:00 2001
From: hkri <hkri@protonmail.com>
Date: Mon, 26 Jul 2021 00:04:31 +0800
Subject: [PATCH] Fix button behavior.

---
 dist/app.css | 2 ++
 dist/app.js  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/dist/app.css b/dist/app.css
index 22760a8..a9f817d 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -1,5 +1,6 @@
 * {
   outline: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
 body {
@@ -84,6 +85,7 @@ footer a:hover {
   grid-template-columns: [c1] 33.33% [c2] 33.33% [c3] 33.33% [c-end];
   grid-template-rows: [r1] 33.33% [r2] 33.33% [r3] 33.33% [r-end];
   filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15));
+  overflow: hidden;
 }
 
 #stage button {
diff --git a/dist/app.js b/dist/app.js
index cf69dd5..cb45723 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -224,7 +224,7 @@ function resizeStage() {
 }
 
 tiles.forEach(function (button) {
-  button.onmousedown = function (e) {
+  button.onclick = function (e) {
     var tileId = e.target.id;
     var index = grid.indexOf(parseInt(tileId));
     moveHorizontal(index);