tweaks/fixes for "[x] as usercss"

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">
+    </a>
+    <label id="newStyleAsUsercss-wrapper" class="nobreak">
       <input type="checkbox" id="newStyleAsUsercss">
-      </label>
-      <a href="https://github.com/openstyles/stylus/wiki/Usercss" i18n-title="externalUsercssDocument">
+      <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>

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;
 }