Added milestone & label filtering

Currently a bug exists with label filtering...

app/assets/javascripts/boards/stores/boards_store.js.es6

@@ -5,8 +5,8 @@
       filters: {
         author_id: null,
         assignee_id: null,
-        milestone_id: null,
-        label: []
+        milestone_title: null,
+        label_name: []
       }
     },
     reset: function () {

app/assets/javascripts/labels_select.js

@@ -300,7 +300,10 @@
             page = $('body').data('page');
             isIssueIndex = page === 'projects:issues:index';
             isMRIndex = page === 'projects:merge_requests:index';
-            if ($dropdown.hasClass('js-filter-submit') && (isIssueIndex || isMRIndex)) {
+            if (page === 'projects:boards:show') {
+              BoardsStore.state.filters['label_name'] = label.title;
+              return;
+            } else if ($dropdown.hasClass('js-filter-submit') && (isIssueIndex || isMRIndex)) {
               if (!$dropdown.hasClass('js-multiselect')) {
                 selectedLabel = label.title;
                 return Issuable.filterResults($dropdown.closest('form'));

app/assets/javascripts/milestone_select.js

@@ -102,7 +102,9 @@
             if ($dropdown.hasClass('js-filter-bulk-update')) {
               return;
             }
-            if ($dropdown.hasClass('js-filter-submit') && (isIssueIndex || isMRIndex)) {
+            if (page === 'projects:boards:show') {
+              BoardsStore.state.filters[$dropdown.data('field-name')] = selected.name;
+            } else if ($dropdown.hasClass('js-filter-submit') && (isIssueIndex || isMRIndex)) {
               if (selected.name != null) {
                 selectedMilestone = selected.name;
               } else {

app/assets/stylesheets/pages/boards.scss

@@ -39,6 +39,7 @@
     display: flex;
     min-height: 100vh;
     max-height: 100vh;
+    padding-bottom: 0;
   }
 
   .issue-boards-content {
@@ -73,6 +74,7 @@
   display: flex;
   min-width: 400px;
   max-width: 400px;
+  margin-bottom: 25px;
   padding-right: ($gl-padding / 2);
   padding-left: ($gl-padding / 2);
 }
@@ -183,9 +185,10 @@
 .board-list {
   -webkit-flex: 1;
   flex: 1;
-  margin: 0;
+  margin-bottom: 0;
   padding: 5px;
-  overflow: scroll;
+  overflow-y: scroll;
+  overflow-x: hidden;
 }
 
 .board-list-loading {