Realigned filter bar for mobile.

assets/components/header/filter-bar.vue

@@ -45,16 +45,18 @@
         </span>
 
         <span>
-            <Icon icon="filter" />
+            <span class="filters-container">
+                <Icon icon="filter" />
 
-            <Filters
-                class="filters-container"
-                :filter="filter"
-                @set-filter="setFilter"
-            />
+                <Filters
+                    class="filters-block"
+                    :filter="filter"
+                    @set-filter="setFilter"
+                />
+            </span>
 
             <v-popover class="filters-compact">
-                <div>Filters</div>
+                <Icon icon="filter" />
 
                 <div slot="popover">
                     <Filters
@@ -122,6 +124,7 @@ export default {
     background: $background;
     display: flex;
     justify-content: space-between;
+    align-items: center;
     padding: .5rem 1rem;
     z-index: 1;
     font-size: 0;
@@ -136,6 +139,10 @@ export default {
     display: inline-block;
 }
 
+.filters-block {
+    display: inline-block;
+}
+
 .filters-compact {
     font-size: 1rem;
     font-weight: bold;