Improve wishlist filter

src/assets/css/default.css

@@ -451,16 +451,29 @@ p .ui.horizontal.label {
     display: flex;
     flex-flow: row wrap;
 }
+.flex.wishlist-filter {
+    gap: 1rem;
+}
 
 @media (max-width: 767px) {
     .flex {
         flex-direction: column;
     }
+    .flex.wishlist-filter {
+        flex-direction: row;
+    }
 
     .flex > *,
     .flex > .ui.button {
         margin-bottom: 0.5rem;
     }
+    .flex.wishlist-filter > div {
+        flex: 1 1 auto;
+        margin: 0;
+    }
+    .flex.wishlist-filter > div > div {
+        width: 100%;
+    }
 
     .flex :last-child {
         margin-bottom: 0;

src/pages/parts/wishlist.php

@@ -18,6 +18,8 @@ $scripts = array(
 <div>
     <div class="ui stackable grid">
         <div class="column">
+            <div class="flex wishlist-filter">
+                <div>
 
                     <div class="ui floating dropdown labeled icon button filter priority">
                         <input type="hidden" name="filters" />
@@ -61,6 +63,10 @@ $scripts = array(
                         </div>
                     </div>
 
+                </div>
+
+                <div>
+
                     <input type="hidden" name="style" value="grid" />
                     <div class="ui icon buttons view">
                         <button class="ui button" value="grid"><i class="grip horizontal icon"></i></button>
@@ -69,6 +75,8 @@ $scripts = array(
 
                 </div>
             </div>
+        </div>
+    </div>
 </div>
 
 <?php if (isset($wishlist->id)) { ?>