add underline boarder to highlighted token

rmccrear · Mar 6, 2024 · 6578a96 · 6578a96
1 parent 87edbf2
commit 6578a96
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/css/partials/board.css b/app/css/partials/board.css
@@ -49,6 +49,7 @@ input#message:focus {
 
 .highlight-token {
   color: #b44f47;
+  border-bottom: solid #b44f47 1px;
 }
 
 .encoded-token {

diff --git a/app/write-message.js b/app/write-message.js
@@ -239,7 +239,7 @@ function setupDisplay(encodedMessageWithSpaces) {
     const encodedLetter = convertDigits(internalCode, INTERNAL_DIGITS, DIGITS);
     elms.push(`<span
       class="encoded-token"
-      data-code="${internalCode}"> ${encodedLetter} <span class="code-popup"><span class="code-popup-letter">${message[i]}:</span>  ${encodedLetter}</span></span>`);
+      data-code="${internalCode}">${encodedLetter}<span class="code-popup"><span class="code-popup-letter">${message[i]}:</span>  ${encodedLetter}</span></span> `);
   }
   $("#code").html(elms.join(""));
 }