From c088c3e75ebec362b64deb1f25db0f71feb08f19 Mon Sep 17 00:00:00 2001
From: milan <mk@egroupware.org>
Date: Wed, 13 Nov 2024 15:02:22 +0100
Subject: [PATCH] mail view toolbar scales better with small device width

---
 pixelegg/mobile/fw_mobile.css  | 10 ++++++++++
 pixelegg/mobile/fw_mobile.less | 12 ++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 60c8a9d988..e88d5175b4 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7989,6 +7989,16 @@ table.egwGridView_grid img.et2_appicon {
     display: none;
   }
 }
+@media (max-device-width: 400px) {
+  .et2_toolbar .et2_toolbar_actionlist > span > * {
+    margin-right: 2px;
+  }
+}
+@media (max-device-width: 310px) {
+  .et2_toolbar .et2_toolbar_actionlist > span > * {
+    margin-right: 0px;
+  }
+}
 /*mobile etemplate2*/
 @media all {
   html * {
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 3574799b8e..bd800f4a5f 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -225,6 +225,18 @@
 	}
 }
 
+@media (max-device-width: 400px) {
+	.et2_toolbar .et2_toolbar_actionlist > span > * {
+		margin-right: 2px;
+	}
+	
+}@media (max-device-width: 310px) {
+	.et2_toolbar .et2_toolbar_actionlist > span > * {
+		margin-right: 0px;
+	}
+
+}
+
 /*mobile etemplate2*/
 @mobile-elem-height: 50px;
 @mobile-button-width: 50px;