From 97cdecbc3d6841c97c9a0eead567900ed2358585 Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Fri, 16 Feb 2018 14:32:22 +0100
Subject: [PATCH] firewall/category, move selection to top-right, closes
 https://github.com/opnsense/core/issues/2182

---
 src/www/firewall_rules.php | 41 +++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/www/firewall_rules.php b/src/www/firewall_rules.php
index a9e176aa3..4efd7dc15 100644
--- a/src/www/firewall_rules.php
+++ b/src/www/firewall_rules.php
@@ -262,10 +262,33 @@ $( document ).ready(function() {
       $(".rule_select").prop("checked", $(this).prop("checked"));
   });
 
+  // move category block
+  $("#category_block").detach().appendTo($(".page-content-head > .container-fluid > .list-inline"));
+  $("#category_block").addClass("pull-right");
+
 });
 </script>
 
 <?php include("fbegin.inc"); ?>
+  <div class="hidden">
+    <div id="category_block" style="z-index:-100;">
+        <div class="hidden-sm hidden-lg"><br/></div>
+        <select class="selectpicker" data-live-search="true" data-size="5"  multiple placeholder="<?=gettext("Select category");?>" id="fw_category">
+<?php
+            // collect unique list of categories and append to option list
+            $categories = array();
+            foreach ($a_filter as $tmp_rule) {
+              if (!empty($tmp_rule['category']) && !in_array($tmp_rule['category'], $categories)) {
+                  $categories[] = $tmp_rule['category'];
+              }
+            }
+            foreach ($categories as $category):?>
+                <option value="<?=$category;?>" <?=in_array($category, $selected_category) ? "selected=\"selected\"" : "" ;?>><?=$category;?></option>
+<?php
+            endforeach;?>
+        </select>
+    </div>
+  </div>
   <section class="page-content-main">
     <div class="container-fluid">
       <div class="row">
@@ -297,24 +320,6 @@ $( document ).ready(function() {
                       </th>
                       <th></th>
                   </tr>
-                  <tr>
-                      <th colspan="11" style="padding-top:1px; padding-bottom:1px;">
-                          <select class="selectpicker" data-live-search="true" data-size="5"  multiple placeholder="<?=gettext("Select category");?>" id="fw_category">
-<?php
-                            // collect unique list of categories and append to option list
-                            $categories = array();
-                            foreach ($a_filter as $tmp_rule) {
-                                if (!empty($tmp_rule['category']) && !in_array($tmp_rule['category'], $categories)) {
-                                    $categories[] = $tmp_rule['category'];
-                                }
-                            }
-                            foreach ($categories as $category):?>
-                            <option value="<?=$category;?>" <?=in_array($category, $selected_category) ? "selected=\"selected\"" : "" ;?>><?=$category;?></option>
-<?php
-                            endforeach;?>
-                        </select>
-                    </th>
-                  </tr>
                 </thead>
                 <tbody>
 <?php