change hint link appearance

templates/Japanese sentences/Recognition/back.html

@@ -46,6 +46,12 @@
 </div> <!-- /wrap -->
 
 <script>
+    function tweak_reveal_text() {
+        const elem = document.querySelector("div.ensentence > a.hint");
+        if (elem) {
+            elem.innerText = "Reveal English translation";
+        }
+    }
     function removePitchBrackets() {
         const tags = document.getElementById("pitchnum");
         if (tags !== null) {
@@ -54,4 +60,5 @@
     }
     markPitch()
     removePitchBrackets()
+    tweak_reveal_text()
 </script>

templates/Japanese sentences/template.css

@@ -142,6 +142,22 @@ header > div:not(:last-child) {
 
 .fside .jpsentence { display: none; }
 
+/* English */
+
+div.ensentence > a.hint {
+    color: #555;
+    font-size: 14px;
+    display: block;
+    border: 1px solid #ccc;
+    border-radius: 2.2px;
+    padding: 2px 10px;
+    margin: 2px 0;
+}
+div.ensentence > a.hint:hover {
+    color: #111;
+    background-color: rgba(0, 0, 0, 0.03);
+}
+
 /* Tags */
 
 .tags {