From f623a33943a63c0de95e3390ecea99f5579bd9d3 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:17:32 +0100
Subject: [PATCH] Fix privacy button tap

---
 script.js  | 8 ++++++++
 styles.css | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/script.js b/script.js
index c2b4d66..06536e7 100644
--- a/script.js
+++ b/script.js
@@ -110,6 +110,14 @@ openPrivacyButtons.forEach((button) => {
   button.addEventListener("click", () => openPrivacyFlyover(button));
 });
 
+document.addEventListener("click", (event) => {
+  const privacyButton = event.target.closest("[data-open-privacy]");
+  if (!privacyButton) return;
+
+  event.preventDefault();
+  openPrivacyFlyover(privacyButton);
+});
+
 closePrivacyButtons.forEach((button) => {
   button.addEventListener("click", closePrivacyFlyover);
 });
diff --git a/styles.css b/styles.css
index 5ec1a32..580abc4 100644
--- a/styles.css
+++ b/styles.css
@@ -552,6 +552,8 @@ button {
   grid-area: privacy;
   justify-self: start;
   align-self: end;
+  position: relative;
+  z-index: 2;
   width: fit-content;
   padding: 0.45rem 0.85rem;
   border: 1px solid rgba(47, 58, 24, 0.2);
@@ -563,6 +565,8 @@ button {
   letter-spacing: 0.04em;
   text-transform: uppercase;
   cursor: pointer;
+  pointer-events: auto;
+  touch-action: manipulation;
   transition:
     background 180ms ease,
     border-color 180ms ease,