Improved release detail bar behavior.

assets/components/header/filter-bar.vue

@@ -20,26 +20,12 @@
 			>New</router-link>
 		</span>
 
-		<span class="tags">
-			<Filters
-				class="filters-block"
-				:filter="filter"
-				:available-tags="availableTags"
-				@set-filter="setFilter"
-			/>
-
-			<v-popover class="filters-compact">
-				<Icon icon="filter" />
-
-				<div slot="popover">
-					<Filters
-						:compact="true"
-						:filter="filter"
-						@set-filter="setFilter"
-					/>
-				</div>
-			</v-popover>
-		</span>
+		<Filters
+			class="filters"
+			:filter="filter"
+			:available-tags="availableTags"
+			@set-filter="setFilter"
+		/>
 	</div>
 </template>
 
@@ -141,17 +127,6 @@ export default {
     align-items: center;
 }
 
-.filters-block {
-    display: inline-block;
-}
-
-.filters-compact {
-    font-size: 1rem;
-    font-weight: bold;
-    display: none;
-    margin: 0 0 0 .5rem;
-}
-
 .range-button {
     color: var(--shadow);
     display: inline-block;
@@ -187,23 +162,8 @@ export default {
     }
 }
 
-.tags {
+.filters {
+    display: inline-block;
 	flex-shrink: 0;
 }
-
-@media(max-width: $breakpoint2) {
-	.pagination {
-		display: none;
-	}
-}
-
-@media(max-width: $breakpoint) {
-    .filters-container {
-        display: none;
-    }
-
-    .filters-compact {
-        display: inline-block;
-    }
-}
 </style>

assets/components/header/filters.vue

@@ -151,4 +151,10 @@ export default {
 		fill: var(--success);
 	}
 }
+
+@media(max-width: $breakpoint0) {
+	.applied {
+		display: none;
+	}
+}
 </style>