From 923d6d604ecdef2d41d8a13ab41c37c2dae3e92e Mon Sep 17 00:00:00 2001
From: MiraGeowerkstatt <mira.bleuler@geowerkstatt.ch>
Date: Thu, 21 Nov 2024 16:50:37 +0100
Subject: [PATCH] Optimise panel space for small screens

---
 src/client/src/pages/detail/detailPageContent.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/client/src/pages/detail/detailPageContent.tsx b/src/client/src/pages/detail/detailPageContent.tsx
index b13b45c9f..8a8c6abef 100644
--- a/src/client/src/pages/detail/detailPageContent.tsx
+++ b/src/client/src/pages/detail/detailPageContent.tsx
@@ -81,7 +81,12 @@ export const DetailPageContent = ({
             display: "flex",
             flex: "1 1 100%",
             flexDirection: "column",
-            px: 11,
+            px: {
+              xs: 2,
+              sm: panelOpen ? 2 : 6,
+              md: panelOpen ? 2 : 11,
+              lg: panelOpen ? 4 : 11,
+            },
             py: 5,
             overflowY: "auto",
             backgroundColor: theme.palette.background.lightgrey,