From 3ce484688a083dcf0de108144123e756fb48eab5 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Mon, 1 Oct 2018 08:51:06 -0400
Subject: [PATCH] add generic support for icon badge
 (https://github.com/uBlockOrigin/uMatrix-issues/issues/68)

---
 src/css/common.css    | 9 +++++++++
 src/css/logger-ui.css | 8 --------
 src/logger-ui.html    | 2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/css/common.css b/src/css/common.css
index 541f03f..94ea627 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -49,6 +49,15 @@
     stroke: #fff;
     pointer-events: none;
     }
+.fa-icon > .badge {
+    font-family: sans-serif;
+    font-size: 80%;
+    pointer-events: none;
+    transform: translate(100%, 110%);
+    }
+.fa-icon.disabled > .badge {
+    display: none;
+    }
 
 body {
     font-size: 14px;
diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
index 5a38ce5..4bf33ee 100644
--- a/src/css/logger-ui.css
+++ b/src/css/logger-ui.css
@@ -255,14 +255,6 @@ body.compactView #content tr:not(.vExpanded) td {
     justify-content: space-around;
     margin-left: 0.5em;
     }
-.ruleEditorToolbar .fa-icon > .badge {
-    font-family: sans-serif;
-    font-size: 80%;
-    pointer-events: none;
-    }
-.ruleEditorToolbar .fa-icon.disabled > .badge {
-    display: none;
-    }
 
 .fa-icon.scopeRel {
     fill: #24c;
diff --git a/src/logger-ui.html b/src/logger-ui.html
index cd6653f..d98c1c2 100644
--- a/src/logger-ui.html
+++ b/src/logger-ui.html
@@ -56,7 +56,7 @@
                 <div class="ruleWidgets"></div>
                 <div class="ruleEditorToolbar">
                     <svg id="matrixRevertButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixRevertButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_eraser"></use></svg>
-                    <svg id="matrixPersistButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixPersistButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_lock"></use><text class="badge" x="100%" y="100%"></text></svg>
+                    <svg id="matrixPersistButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixPersistButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_lock"></use><text class="badge"></text></svg>
                 </section>
             </section>
         </div>