Optimise panel space for small screens (#1690)

swisstopo · Nov 21, 2024 · e65d6e9 · e65d6e9
2 parents 2b00775 + 923d6d6
commit e65d6e9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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,