From 51dfee9fef2ad0c47c73e8ca7907019211828b99 Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Tue, 28 Nov 2017 03:27:44 -0500
Subject: [PATCH] Make fieldset labels siblings to selects

It's odd that they're parents IMO. Since selects have their own click action, clicking to the right of them registering as a checkbox click seems like an oversight, but I just noticed a hover background that suggests otherwise. I think they're better like this, but NBD if you disagree for whatever reason. I suppose I could fix it with pointer events or something in my personal CSS.
---
 manage.html | 36 +++++++++++++++++++++---------------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/manage.html b/manage.html
index aed0a3a5..380d5f8f 100644
--- a/manage.html
+++ b/manage.html
@@ -162,33 +162,39 @@
     <legend id="filters">
       <span i18n-text="manageFilters"></span><span id="filters-stats"></span>
     </legend>
-    <label>
-      <input id="manage.onlyEnabled" type="checkbox"
-             data-filter=".enabled"
-             data-filter-hide=".disabled">
+	<div class="filter-selection">
+      <label>
+        <input id="manage.onlyEnabled" type="checkbox"
+               data-filter=".enabled"
+               data-filter-hide=".disabled">
+      </label>
       <select id="manage.onlyEnabled.invert">
         <option i18n-text="manageOnlyEnabled" value="false"></option>
         <option i18n-text="manageOnlyDisabled" value="true"></option>
       </select>
-    </label>
-    <label>
-      <input id="manage.onlyLocal" type="checkbox"
-             data-filter=":not(.updatable)"
-             data-filter-hide=".updatable">
+	</div>
+	<div class="filter-selection">
+      <label>
+        <input id="manage.onlyLocal" type="checkbox"
+               data-filter=":not(.updatable)"
+               data-filter-hide=".updatable">
+      </label>
       <select id="manage.onlyLocal.invert" i18n-title="manageOnlyLocalTooltip">
         <option i18n-text="manageOnlyLocal" value="false"></option>
         <option i18n-text="manageOnlyExternal" value="true"></option>
       </select>
-    </label>
-    <label>
-      <input id="manage.onlyUsercss" type="checkbox"
-             data-filter=".usercss"
-             data-filter-hide=":not(.usercss)">
+	</div>
+	<div class="filter-selection">
+      <label>
+        <input id="manage.onlyUsercss" type="checkbox"
+               data-filter=".usercss"
+               data-filter-hide=":not(.usercss)">
+      </label>
       <select id="manage.onlyUsercss.invert">
         <option i18n-text="manageOnlyUsercss" value="false"></option>
         <option i18n-text="manageOnlyNonUsercss" value="true"></option>
       </select>
-    </label>
+	</div>
     <label id="onlyUpdates" class="hidden">
       <input type="checkbox"
              data-filter=".can-update, .update-problem, .update-done"