From 8c7005f643e3baa703197713a02e1846db5688b5 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 27 Oct 2022 12:00:08 +0200
Subject: [PATCH] change font-size and filter icon size

---
 .../FilterMenu/CategoriesFilter.vue           | 24 +++++++++++++++++++
 .../FilterMenu/FilterMenuSection.vue          |  6 ++---
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/webapp/components/FilterMenu/CategoriesFilter.vue b/webapp/components/FilterMenu/CategoriesFilter.vue
index fcbb68266..4a39a946d 100644
--- a/webapp/components/FilterMenu/CategoriesFilter.vue
+++ b/webapp/components/FilterMenu/CategoriesFilter.vue
@@ -82,3 +82,27 @@ export default {
   },
 }
 </script>
+<style>
+
+section.filter-menu-section.categories-filter > ul button {
+  height: 40px;
+  width: 40px;
+}
+
+section.filter-menu-section.categories-filter > ul label {
+  font-size:small;
+}
+
+@media only screen and (min-width: 800px) {
+  section.filter-menu-section.categories-filter > ul button {
+  height: 50px;
+  width: 50px;
+}
+
+section.filter-menu-section.categories-filter > ul label {
+  font-size: large;
+}
+}
+
+
+</style>
\ No newline at end of file
diff --git a/webapp/components/FilterMenu/FilterMenuSection.vue b/webapp/components/FilterMenu/FilterMenuSection.vue
index 1533bf5a3..79711514f 100644
--- a/webapp/components/FilterMenu/FilterMenuSection.vue
+++ b/webapp/components/FilterMenu/FilterMenuSection.vue
@@ -63,9 +63,9 @@ export default {
       margin-bottom: $space-small;
       text-align: center;
 
-      // @media only screen and (max-width: 800px) {
-      //   width: 30%;
-      // }
+      @media only screen and (min-width: 800px) {
+        width: 20%;
+      }
 
       // @media only screen and (max-width: 630px) {
       //   width: 30%;