From fa23ea0fbf3e77912615d22a9ee5a9a3f1cddace Mon Sep 17 00:00:00 2001
From: Andreas Erhard <andreas@erhard.cc>
Date: Thu, 3 Aug 2017 19:49:37 +0200
Subject: [PATCH] made button text unselectable

---
 static/main.css      | 9 +++++++++
 templates/index.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/main.css b/static/main.css
index d792db2..9f2c798 100644
--- a/static/main.css
+++ b/static/main.css
@@ -101,3 +101,12 @@ div #reset:hover {
 	cursor: pointer;
 }
 
+.unselectable {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
diff --git a/templates/index.html b/templates/index.html
index bf38b3e..02c6738 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -38,7 +38,7 @@
 			<section id="sounds">
 				<div><input type="text" id="search" autofocus/><span id="reset">⨯</span></div>
 				{% for sound in sounds %}
-				<div class="sound"><a onclick="ajaxRequest('{{ sound | urlencode }}');">{{ sound.split('.', 1)[0] }}</a></div>
+				<div class="sound"><a class="unselectable" onclick="ajaxRequest('{{ sound | urlencode }}');">{{ sound.split('.', 1)[0] }}</a></div>
 				{% endfor %}
 			</section>
 			<section id="youtube">