From 11a2559df9a405e24495cb57bb9036a4aeb96f4b Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Fri, 14 Apr 2017 15:30:28 +1200
Subject: [PATCH] Use HiFi glyph for delete "x"s

---
 scripts/system/html/css/record.css | 12 ++++++++++++
 scripts/system/html/js/record.js   |  5 +++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/scripts/system/html/css/record.css b/scripts/system/html/css/record.css
index e6cdbdfa4d..3d3acfbc99 100644
--- a/scripts/system/html/css/record.css
+++ b/scripts/system/html/css/record.css
@@ -62,6 +62,18 @@ body {
 }
 
 
+#recordings-list tr td:last-child span {
+    font-family: HiFi-Glyphs;
+    font-size: 24px;
+    height: 24px;
+    display: inline-block;
+}
+
+#recordings-list tr td:last-child span:hover {
+    color: #00b4ef;
+}
+
+
 #recordings tfoot tr {
     height: 24px;
 }
diff --git a/scripts/system/html/js/record.js b/scripts/system/html/js/record.js
index ade8f943c3..c2e4e7cb8b 100644
--- a/scripts/system/html/js/record.js
+++ b/scripts/system/html/js/record.js
@@ -62,7 +62,8 @@ function updateRecordings() {
         span,
         input,
         length,
-        i;
+        i,
+        HIFI_GLYPH_CLOSE_SMALL = "C";
 
     recordingsBeingPlayed.sort(orderRecording);
 
@@ -76,7 +77,7 @@ function updateRecordings() {
         tr.appendChild(td);
         td = document.createElement("td");
         span = document.createElement("span");
-        span.innerHTML = "x";
+        span.innerHTML = HIFI_GLYPH_CLOSE_SMALL;
         span.addEventListener("click", stopPlayingRecording);
         input = document.createElement("input");
         input.setAttribute("type", "hidden");