Add filters helper for search form

assets/css/app.css

@@ -750,10 +750,6 @@ nav .active a {
     font-size: 0.9em;
 }
 
-.page-header form {
-    display: inline;
-}
-
 @media only screen and (max-width: 640px) {
 
     .page-header-mobile li {
@@ -1633,6 +1629,7 @@ td li.dropit-trigger {
     border: 2px solid #333;
 }.views {
     display: inline-block;
+    margin-right: 10px;
 }
 
 .views li {
@@ -1659,4 +1656,32 @@ td li.dropit-trigger {
     border-left: none;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
-}
+}
+
+.filters {
+    display: inline-block;
+    border: 1px solid #eee;
+    border-radius: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-left: 10px;
+}
+
+.filters ul {
+    font-size: 0.8em;
+}
+
+.page-header .filters ul {
+    font-size: 0.9em;
+}
+
+form.search {
+    display: inline;
+}
+
+div.search {
+    margin-bottom: 20px;
+}
+

assets/css/src/filters.css

@@ -1,5 +1,6 @@
 .views {
     display: inline-block;
+    margin-right: 10px;
 }
 
 .views li {
@@ -26,4 +27,32 @@
     border-left: none;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
-}
+}
+
+.filters {
+    display: inline-block;
+    border: 1px solid #eee;
+    border-radius: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-left: 10px;
+}
+
+.filters ul {
+    font-size: 0.8em;
+}
+
+.page-header .filters ul {
+    font-size: 0.9em;
+}
+
+form.search {
+    display: inline;
+}
+
+div.search {
+    margin-bottom: 20px;
+}
+

assets/css/src/header.css

@@ -97,10 +97,6 @@ nav .active a {
     font-size: 0.9em;
 }
 
-.page-header form {
-    display: inline;
-}
-
 @media only screen and (max-width: 640px) {
 
     .page-header-mobile li {

assets/js/src/filter.js

@@ -0,0 +1,12 @@
+(function() {
+
+    jQuery(document).ready(function() {
+
+        $(document).on("click", ".filter-helper", function (e) {
+           e.preventDefault();
+           $("#form-search").val($(this).data("filter"));
+           $("form.search").submit();
+        });
+    });
+
+})();