filter category save and all button in on line

webapp/components/FilterMenu/CategoriesFilter.vue

@@ -6,9 +6,10 @@
         :label="$t('filter-menu.all')"
         icon="check"
         @click="resetCategories"
+        style="margin-right: 20px;"
       />
-      <hr />
       <labeled-button filled :label="$t('actions.save')" icon="save" @click="saveCategories" />
+      <hr />
     </template>
     <template #filter-list>
       <li v-for="category in categories" :key="category.id" class="item">
@@ -39,6 +40,9 @@ export default {
     FilterMenuSection,
     LabeledButton,
   },
+  props: {
+    showMobileMenu: { type: Boolean, default: false },
+  },
   data() {
     return {
       categories: [],

webapp/components/FilterMenu/FilterMenu.vue

@@ -14,7 +14,7 @@
       <div class="filter-menu-options">
         <h2 class="title">{{ $t('filter-menu.filter-by') }}</h2>
         <following-filter />
-        <categories-filter v-if="categoriesActive" />
+        <categories-filter v-if="categoriesActive" :showMobileMenu="showMobileMenu" />
       </div>
       <div class="filter-menu-options">
         <h2 class="title">{{ $t('filter-menu.order-by') }}</h2>
@@ -46,6 +46,7 @@ export default {
   props: {
     placement: { type: String },
     offset: { type: [String, Number] },
+    showMobileMenu: { type: Boolean, default: false },
   },
   computed: {
     ...mapGetters({

webapp/components/FilterMenu/FilterMenuSection.vue

@@ -42,7 +42,8 @@ export default {
     flex-wrap: wrap;
     flex-basis: 80%;
     flex-grow: 1;
-    max-width: $size-width-filter-sidebar;
+    margin-bottom: 20px;
+    // max-width: $size-width-filter-sidebar;
   }
 
   > .divider {

webapp/components/HeaderMenu/HeaderMenu.vue

@@ -123,7 +123,7 @@
             style="flex-grow: 0; flex-basis: auto; padding: 20px 0"
           >
             <client-only>
-              <filter-menu v-show="showFilterMenuDropdown" />
+              <filter-menu v-show="showFilterMenuDropdown" :showMobileMenu="showMobileMenu"/>
             </client-only>
           </ds-flex-item>
         </ds-flex>