Adjust filter style

static/scss/base.scss

@@ -7,6 +7,7 @@
 @import 'positions';
 @import 'chambers';
 @import 'groups';
+@import 'filter';
 @import 'external';
 
 body {

static/scss/filter.scss

+@mixin bootstrap-shadow($color:#66afe9) {
+  border-color: #66afe9;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px $color;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px $color;
+}
+
+.filter-form {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: flex-end;
+
+  .form-group {
+    display: flex;
+    flex-flow: column nowrap;
+
+    margin: 0 .5em 0 0;
+
+    .help-block {
+      display: none;
+    }
+
+    .btn {
+      margin-top: .5em;
+    }
+
+    /* Override bootstrap has-success color */
+
+    .control-label {
+      color: #555;
+    }
+
+    .form-control {
+      border-color: #ccc;
+
+      &:focus {
+        @include bootstrap-shadow();
+      }
+    }
+
+    /* Override select2 */
+    .select2-container {
+      .select2-selection {
+        border-color: #ccc !important;
+        height: 34px;
+
+        .select2-selection__rendered {
+          line-height: 34px;
+        }
+
+        .select2-selection__arrow {
+          height: 32px;
+        }
+      }
+
+      &.select2-container--focus,
+      &.select2-container--open {
+        @include bootstrap-shadow();
+      }
+    }
+  }
+}
\ No newline at end of file