updated filter column layout

src/components/VueShuffleNavbar.vue

@@ -44,7 +44,7 @@
                     </li>
                 </ul>
                 <ul class="nav navbar-nav" v-if="filter && enabledFilter">
-                    <li v-for="(item, index) in filter" :key="item.id" class="select-wrap col-sm-4">
+                    <li v-for="(item, index) in filter" :key="item.id" class="select-wrap col-sm-12">
                         <multiselect
                                 :id="index"
                                 :ref="index"
@@ -301,6 +301,14 @@
                                 padding-right: 5px;
                                 padding-left: 5px;
                             }
+                            @media (min-width: 768px) {
+                                display: flex;
+                                align-items: stretch;
+                                justify-content: space-between;
+                                li {
+                                  flex: 0 1 auto;
+                                }
+                            }
                             @media (max-width: 768px) {
                                 margin: 0 0 0 0;
                                 li {