From 414153f7d332754c279a3bb9e2498beabe8ae393 Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Thu, 26 Mar 2026 19:48:07 +0100
Subject: [PATCH] fix App.vue: usa safe-area-inset-top per btn-info su telefoni
 con notch

Su dispositivi con status bar alta o notch il bottone info finiva
sotto l'area di sistema e non era toccabile. Aggiunto env(safe-area-inset-top)
per posizionarlo sempre nell'area visibile.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 6b4cdab..ae6d73f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,7 +40,7 @@ const showInfo = ref(false)
 
 .btn-info {
   position: fixed;
-  top: 14px;
+  top: calc(14px + env(safe-area-inset-top));
   right: 16px;
   /* centra rispetto al max-width del layout */
   max-width: calc(480px);