From 04462e6e51b9a9b4bc0d46632ea0b866e33d0856 Mon Sep 17 00:00:00 2001
From: Tino Hager <tino.hager@nager.at>
Date: Mon, 22 Jul 2024 11:00:37 +0200
Subject: [PATCH] optimize mail flow responsive size

---
 src/Frontend/src/components/MailFlow.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Frontend/src/components/MailFlow.vue b/src/Frontend/src/components/MailFlow.vue
index 867c3c2..3c2d2a3 100644
--- a/src/Frontend/src/components/MailFlow.vue
+++ b/src/Frontend/src/components/MailFlow.vue
@@ -18,7 +18,15 @@ const paddingRight = 5
 const paddingBottom = 5
 
 const maxItemsPerRow = computed(() => {
-  return $q.screen.gt.sm ? 6 : 2
+  if ($q.screen.gt.lg) {
+    return 6
+  } else if ($q.screen.gt.md) {
+    return 5
+  } else if ($q.screen.gt.sm) {
+    return 4
+  }
+
+  return 2
 })
 
 const requiredRows = computed(() => {