From 3d1334dae82179e132cd6ea1cdd3d7a986af965e Mon Sep 17 00:00:00 2001
From: Jordan <me@jordan.im>
Date: Wed, 16 Sep 2020 16:45:16 -0700
Subject: fix status circle display in Tor Browser (use CSS instead of entity)

---
 tor-metrics/templates/relay-list.html |  4 ++--
 tor-metrics/templates/skeleton.html   | 22 +++++++++++++++++-----
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/tor-metrics/templates/relay-list.html b/tor-metrics/templates/relay-list.html
index ada0b2b..4281fef 100644
--- a/tor-metrics/templates/relay-list.html
+++ b/tor-metrics/templates/relay-list.html
@@ -28,9 +28,9 @@
             {% set obs_bandwidth = '%s %s'|format((relay['observed_bandwidth'] / 1000)|round(2, 'common'), 'KB/s') %}{% endif %}
 
             {% if relay['running'] %}
-            <td class="relay-online" title="This relay is online">⚫</td>
+            <td><span class="circle circle-online" title="This relay is online"></span></td>
             {% else %}
-            <td class="relay-offline" title="This relay is offline">⚫</td>
+            <td><span class="circle circle-offline" title="This relay is offline"></span></td>
             {% endif %}
 
             {% if key != 'family' and relay['effective_family']|length > 1 %}
diff --git a/tor-metrics/templates/skeleton.html b/tor-metrics/templates/skeleton.html
index bfc2dc9..d236def 100644
--- a/tor-metrics/templates/skeleton.html
+++ b/tor-metrics/templates/skeleton.html
@@ -7,13 +7,25 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="{{ path_prefix }}static/css/bootstrap.min.css">
-    <!--colors from metrics.torproject.org-->
+    <!--source: metrics.torproject.org-->
     <style>
-		.relay-online {
-			color: #25d918;
+		.circle {
+			display: inline-block;
+			vertical-align: middle;
+			background: #999999;
+			width: 7px;
+			height: 7px;
+			-moz-border-radius: 50%;
+			-webkit-border-radius: 50%;
+			border-radius: 50%;
 		}
-		.relay-offline {
-			color: #ff1515;
+
+		.circle-online {
+			background: #25d918;
+		}
+
+		.circle-offline {
+			background: #ff1515;
 		}
         .verified-hostname {
             color: #FE9F30;
-- 
cgit v1.2.3-54-g00ecf