change the enchant names themselves to links, with underline on hover only

Author: iamcal

index.html

@@ -5,8 +5,8 @@
         <meta charset="utf-8">
         <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
         <script src="data.js?11"></script>
-        <script src="script.js?17"></script>
-        <link rel="stylesheet" type="text/css" href="style.css?3">
+        <script src="script.js?18"></script>
+        <link rel="stylesheet" type="text/css" href="style.css?4">
         <script src="https://unpkg.com/@hungrybluedev/theme-switcher@latest/dist/switch.js" type="module" defer></script>
         <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png">
         <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">

script.js

@@ -202,7 +202,7 @@ function buildEnchantList(item_namespace_chosen) {
 
             const enchantment_row = $("<tr>");
             enchantment_row.addClass(group_toggle_color ? "group1" : "group2");
-            const enchantment_cell_content = `${enchantment_name} (<a class="wiki_url" href="${enchantment_wiki_url}">wiki</a>)`
+            const enchantment_cell_content = `<a class="wiki_url" href="${enchantment_wiki_url}">${enchantment_name}</a>`
             enchantment_row.append($("<td>").html(enchantment_cell_content));
             for (let enchantment_level = 1; enchantment_level <= enchantment_level_maxmax; enchantment_level++) {
                 if (enchantment_max_level >= enchantment_level) {

style.css

@@ -302,6 +302,15 @@ summary {
     font-size: 12px;
 }
 
+#enchants td .wiki_url {
+    color: var(--table-text);
+    text-decoration: none;
+}
+
+#enchants td .wiki_url:hover {
+    text-decoration: underline;
+}
+
 #enchants button {
     background-color: var(--echlevel-bg);
     padding: 10px;