From 6677d0473859de12c79ae7e62115e9f10d70921c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 25 Mar 2026 17:09:22 +0100
Subject: [PATCH] Fix mobile privacy sheet

---
 styles.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index 4419367..6d0a868 100644
--- a/styles.css
+++ b/styles.css
@@ -1095,13 +1095,18 @@ button {
   }
 
   .privacy-flyover {
-    align-items: flex-end;
-    padding: 1.25rem;
+    display: block;
+    padding: 0;
   }
 
   .privacy-flyover__panel {
-    width: calc(100vw - 2.5rem);
-    max-height: calc(100dvh - 2.5rem);
+    position: absolute;
+    right: 1.25rem;
+    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
+    left: 1.25rem;
+    width: auto;
+    max-width: none;
+    max-height: calc(100dvh - 2.5rem - env(safe-area-inset-bottom, 0px));
     margin: 0;
     padding: 1.2rem;
     border-radius: 2rem;