From a0434143caed6ea14fa9a0ad587f235a705455b2 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Fri, 18 Aug 2023 15:28:27 +0200
Subject: [PATCH] [fix] fixed ui issues for filter mobile view

---
 webapp/components/FilterMenu/FilterMenuSection.vue | 4 ----
 webapp/components/FilterMenu/PostTypeFilter.vue    | 9 +++++----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/webapp/components/FilterMenu/FilterMenuSection.vue b/webapp/components/FilterMenu/FilterMenuSection.vue
index 0970fac9b..7e82fa47e 100644
--- a/webapp/components/FilterMenu/FilterMenuSection.vue
+++ b/webapp/components/FilterMenu/FilterMenuSection.vue
@@ -80,10 +80,6 @@ export default {
   @media only screen and (max-width: 630px) {
     flex-direction: column;
 
-    > .title {
-      text-align: center;
-    }
-
     // > .sidebar {
     //   max-width: none;
     // }
diff --git a/webapp/components/FilterMenu/PostTypeFilter.vue b/webapp/components/FilterMenu/PostTypeFilter.vue
index 6a9b15985..f05554815 100644
--- a/webapp/components/FilterMenu/PostTypeFilter.vue
+++ b/webapp/components/FilterMenu/PostTypeFilter.vue
@@ -2,7 +2,7 @@
   <filter-menu-section
     :title="$t('filter-menu.post-type')"
     :divider="false"
-    class="following-filter post-type-filter"
+    class="post-type-filter"
   >
     <template #filter-follower>
       <li class="item all-item">
@@ -65,9 +65,10 @@ export default {
 <style lang="scss">
 .post-type-filter {
   & .filter-list {
-    display: grid;
-    grid-template-columns: repeat(3, 10%);
-    padding-left: 0px;
+    display: flex;
+    flex-basis: 100%;
+    flex-grow: 1;
+    padding-left: $space-base;
   }
 }
 </style>