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/skeleton.html | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

(limited to 'tor-metrics/templates/skeleton.html')

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