From 489f6a7728cdc182f78ef03ea6e41433bbd87210 Mon Sep 17 00:00:00 2001
From: Christophe <christophe@jeannerot.fr>
Date: Sun, 12 Apr 2026 17:33:01 +0200
Subject: [PATCH] Ajuste le viewport iOS de la page chrono

---
 styles.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/styles.css b/styles.css
index f76cdc7..ce43dc1 100644
--- a/styles.css
+++ b/styles.css
@@ -1993,6 +1993,12 @@ textarea:focus {
 }
 
 @media (max-width: 900px) {
+  body[data-page="chrono"].phase-body {
+    overflow-y: auto;
+    overflow-x: hidden;
+    overscroll-behavior-y: none;
+  }
+
   body[data-page="chrono"] .phase-header {
     grid-template-columns: minmax(0, 1fr) auto;
     gap: 0.35rem;
@@ -2011,6 +2017,9 @@ textarea:focus {
   }
 
   body[data-page="chrono"] .phase-shell {
+    min-height: 100svh;
+    height: auto;
+    max-height: none;
     gap: 0.35rem;
     padding:
       calc(var(--phase-top-offset) + 0.55rem)
@@ -2089,6 +2098,18 @@ textarea:focus {
   }
 }
 
+@supports (-webkit-touch-callout: none) {
+  @media (max-width: 900px) {
+    body[data-page="chrono"].phase-body {
+      min-height: -webkit-fill-available;
+    }
+
+    body[data-page="chrono"] .phase-shell {
+      min-height: -webkit-fill-available;
+    }
+  }
+}
+
 @media (max-width: 420px) {
   body[data-page="chrono"] .phase-header {
     grid-template-columns: minmax(0, 1fr) auto;