From e6c9ad48cb81953a5cf76c836f5a292f52738844 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 22 Mar 2026 19:46:21 +0100
Subject: [PATCH] Fix flyover horizontal overflow

---
 styles.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index be3ce53..0a0c159 100644
--- a/styles.css
+++ b/styles.css
@@ -601,6 +601,7 @@ button {
   left: var(--flyover-left, auto);
   width: min(420px, calc(100vw - 2rem));
   max-height: calc(100vh - 2rem);
+  overflow-x: hidden;
   overflow-y: auto;
   padding: 2rem;
   border-radius: var(--radius-panel);
@@ -646,7 +647,7 @@ button {
 
 .contact-item {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) auto;
   gap: 0.7rem 1rem;
   padding: 1rem;
   border-radius: var(--radius-small);
@@ -661,6 +662,8 @@ button {
   font-size: 1.15rem;
   line-height: 1.1;
   grid-column: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
 .copy-button {
@@ -674,6 +677,7 @@ button {
   border-radius: 999px;
   background: var(--bg-dark);
   color: var(--bg-light);
+  white-space: nowrap;
   cursor: pointer;
   transition: transform var(--transition-fast), background var(--transition-fast);
 }