Replaced unicode glyphs missing on some platforms and in the Tor Browser.

4 files changed, 12 insertions, 7 deletions

diff --git a/src/content/PlaceHolder.js b/src/content/PlaceHolder.js
index ce579c2..d8c422b 100644
--- a/src/content/PlaceHolder.js
+++ b/src/content/PlaceHolder.js
@@ -101,7 +101,7 @@ var PlaceHolder = (() => {
       button.className = replacement.className;
       button.setAttribute("aria-label", button.title = _("Close"));
       button.value = "close";
-      button.textContent = "🗙";
+      button.textContent = "×";
 
       let description = inner.appendChild(createHTMLElement("span"));
       description.textContent = `${TYPE}@${this.origin}`;
diff --git a/src/content/content.css b/src/content/content.css
index 015fb2d..596da6d 100644
--- a/src/content/content.css
+++ b/src/content/content.css
@@ -45,8 +45,9 @@ a.__NoScript_PlaceHolder__ > span {
   right: 0;
   display: block;
   color: #800;
-  font-size: 16px;
+  font-size: 24px;
   font-family: sans-serif;
+  font-weight: bold;
   padding: 0 4px;
   margin: 0;
   background: none;
diff --git a/src/ui/popup.css b/src/ui/popup.css
index f8b31e2..ad5e3d0 100644
--- a/src/ui/popup.css
+++ b/src/ui/popup.css
@@ -86,9 +86,12 @@ body {
 }
 
 
-.reveal {
+#top .hider .reveal {
   display: block;
-  padding: .3em;
+  font-size: 1.2em;
+  font-weight: bold;
+  padding: 0;
+  text-align: center;
   margin: 0;
 }
 
@@ -126,7 +129,8 @@ body {
   position: absolute;
   left: .2em;
   top: 0;
-  font-size: 1em;
+  font-size: 1.5em;
+  font-weight: bold;
   z-index: 100;
   vertical-align: middle;
   padding: .2em;
diff --git a/src/ui/popup.html b/src/ui/popup.html
index d4bab21..d988429 100644
--- a/src/ui/popup.html
+++ b/src/ui/popup.html
@@ -19,9 +19,9 @@
   <a aria-role="button" id="reload" class="reload icon">__MSG_Reload__</a>
   <a aria-role="button" id="options" class="options icon">__MSG_Options__</a>
   <div class="hider">
-    <a aria-role="button" class="reveal" title="__MSG_Reveal__">🡆</a>
+    <a aria-role="button" class="reveal" title="__MSG_Reveal__">…</a>
     <div class="hider-label">__MSG_Hider__</div>
-    <button class="hider-close">🗙</button>
+    <button class="hider-close">×</button>
   </div>
   <div class="spacer"></div>
   <a aria-role="button" id="enforce" class="toggle icon"></a>