From 4c4e67bcf7471cf92a8ee003abf23d8335620f65 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 27 Oct 2022 15:17:27 +0200
Subject: [PATCH] filter category save and all button in on line

---
 webapp/components/FilterMenu/CategoriesFilter.vue  | 6 +++++-
 webapp/components/FilterMenu/FilterMenu.vue        | 3 ++-
 webapp/components/FilterMenu/FilterMenuSection.vue | 3 ++-
 webapp/components/HeaderMenu/HeaderMenu.vue        | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/webapp/components/FilterMenu/CategoriesFilter.vue b/webapp/components/FilterMenu/CategoriesFilter.vue
index 4a39a946d..b7fb0e19a 100644
--- a/webapp/components/FilterMenu/CategoriesFilter.vue
+++ b/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: [],
diff --git a/webapp/components/FilterMenu/FilterMenu.vue b/webapp/components/FilterMenu/FilterMenu.vue
index 74265803b..28cda6669 100644
--- a/webapp/components/FilterMenu/FilterMenu.vue
+++ b/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({
diff --git a/webapp/components/FilterMenu/FilterMenuSection.vue b/webapp/components/FilterMenu/FilterMenuSection.vue
index 79711514f..453773929 100644
--- a/webapp/components/FilterMenu/FilterMenuSection.vue
+++ b/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 {
diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index 8876338ee..402f45084 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/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>