From 828f09fdb2e6435e776e6ae0c018bdd2c4986ea2 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Wed, 22 Nov 2017 21:13:09 +0300
Subject: [PATCH] tweaks/fixes for "[x] as usercss"

---
 manage.html       | 15 ++++++++-------
 manage/manage.css |  4 ++++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/manage.html b/manage.html
index bb40e490..ac39a29b 100644
--- a/manage.html
+++ b/manage.html
@@ -216,17 +216,18 @@
   <p>
     <a href="edit.html">
       <button id="add-style-label" i18n-text="addStyleLabel"></button>
-      <label class="nobreak"
-             i18n-text-append="manageNewStyleAsUsercss"
-             i18n-title="optionsAdvancedNewStyleAsUsercss">
-        <input type="checkbox" id="newStyleAsUsercss">
-      </label>
-      <a href="https://github.com/openstyles/stylus/wiki/Usercss" i18n-title="externalUsercssDocument">
+    </a>
+    <label id="newStyleAsUsercss-wrapper" class="nobreak">
+      <input type="checkbox" id="newStyleAsUsercss">
+      <span i18n-text="manageNewStyleAsUsercss" i18n-title="optionsAdvancedNewStyleAsUsercss"></span>
+      <a id="usercss-wiki"
+         href="https://github.com/openstyles/stylus/wiki/Usercss"
+         i18n-title="externalUsercssDocument">
         <svg class="svg-icon" viewBox="0 0 20 20">
           <path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
         </svg>
       </a>
-    </a>
+    </label>
   </p>
   <div id="options">
     <h2 id="options-heading" i18n-text="optionsHeading"></h2>
diff --git a/manage/manage.css b/manage/manage.css
index 963c08e0..a4437ad8 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -60,6 +60,10 @@ select {
   margin-bottom: .25em;
 }
 
+#newStyleAsUsercss-wrapper:not(:hover) input:not(:checked) ~ a svg {
+  fill: #aaa;
+}
+
 .nobreak {
   white-space: nowrap;
 }