assets/components/header/filter-bar.vue

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

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "traxxx",
-  "version": "1.47.4",
+  "version": "1.47.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.47.4",
+    "version": "1.47.3",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {

public/css/style.css

@@ -48,8 +48,6 @@
   display: flex;
   -webkit-box-pack: justify;
           justify-content: space-between;
-  -webkit-box-align: center;
-          align-items: center;
   padding: .5rem 1rem;
   z-index: 1;
   font-size: 0;
@@ -61,9 +59,6 @@
 .filters-container[data-v-6db17c96] {
   display: inline-block;
 }
-.filters-block[data-v-6db17c96] {
-  display: inline-block;
-}
 .filters-compact[data-v-6db17c96] {
   font-size: 1rem;
   font-weight: bold;