actually keep "[x] as userccs" together

manage.html

@@ -258,7 +258,7 @@
     <a href="edit.html">
       <button id="add-style-label" i18n-text="addStyleLabel"></button>
     </a>
-    <label id="newStyleAsUsercss-wrapper" class="nobreak">
+    <label id="newStyleAsUsercss-wrapper">
       <input type="checkbox" id="newStyleAsUsercss">
       <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
       <span i18n-text="manageNewStyleAsUsercss" i18n-title="optionsAdvancedNewStyleAsUsercss"></span>

manage/manage.css

@@ -90,21 +90,16 @@ select {
   margin-bottom: .25em;
 }
 
+#newStyleAsUsercss-wrapper {
+  display: inline-flex;
+}
+
 #newStyleAsUsercss-wrapper:not(:hover) input:not(:checked) ~ a svg {
   fill: #aaa;
 }
 
 #usercss-wiki svg {
-  margin-top: -2px;
-}
-
-.nobreak {
-  white-space: nowrap;
-}
-
-label.nobreak input {
-  vertical-align: sub;
-  margin: 0;
+  margin-top: -4px;
 }
 
 .firefox .chromium-only {