From 8ec13239e3314ce190db2c8bbcbe1905a06f0327 Mon Sep 17 00:00:00 2001
From: Sam Rose <hello@samwho.dev>
Date: Sat, 20 Apr 2024 11:04:37 +0100
Subject: [PATCH] Move service mark down the page.

---
 symbols.js | 29 +++++++----------------------
 1 file changed, 7 insertions(+), 22 deletions(-)

diff --git a/symbols.js b/symbols.js
index df2f9d9..9655e84 100644
--- a/symbols.js
+++ b/symbols.js
@@ -14,16 +14,6 @@ const symbols = [
         "name": "Trademark",
         "searchTerms": ["trademark", "TM"]
     },
-    {
-         "glyph": "℠",
-         "name": "Service Mark",
-         "searchTerms": ["service mark", "SM"]
-    },
-    {
-        "glyph": "“",
-        "name": "Left Double Quotation Mark",
-        "searchTerms": ["quotation", "quote", "double", '"']
-    },
     {
         "glyph": "”",
         "name": "Right Double Quotation Mark",
@@ -256,7 +246,12 @@ const symbols = [
         "glyph": "µ",
         "name": "Micro",
         "searchTerms": ["micro"],
-    }
+    },
+    {
+        "glyph": "“",
+        "name": "Left Double Quotation Mark",
+        "searchTerms": ["quotation", "quote", "double", '"']
+    },
 ]
 
 function renderSymbols(searchTerm) {
@@ -271,11 +266,9 @@ function renderSymbols(searchTerm) {
         }
         const elem = document.createElement("div");
         elem.classList = "symbol";
-        elem.tabIndex = 0;
         elem.textContent = symbolInfo.display || symbolInfo.glyph;
         elem.title = symbolInfo.name;
-
-        const handleAction = () => {
+        elem.addEventListener("click", () => {
             if (elem.classList.contains("symbol-clicked")) return;
 
             navigator.clipboard.writeText(symbolInfo.glyph);
@@ -290,14 +283,6 @@ function renderSymbols(searchTerm) {
                 elem.classList.remove("symbol-clicked");
                 elem.classList.add("symbol");
             }, 1000);
-        }
-        elem.addEventListener("click", handleAction);
-
-        elem.addEventListener("keydown", (event) => {
-            if (event.key === "Enter" || event.key === " ") {
-                event.preventDefault();
-                handleAction();
-            }
         });
         parent.appendChild(elem);
     }