From af2620c8b3369ca57f4aeb1c9d83062d93787c9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 9 Dec 2025 09:21:58 +0100
Subject: [PATCH] fix: ensure footer bar is visible on mobile safari

---
 templates/layout.html.twig         | 4 ++--
 templates/layout_booking.html.twig | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index b20ee54..057d67a 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -1,8 +1,8 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <div class="w-screen h-screen {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
-        <div class="max-w-screen-xl h-screen ml-auto flex flex-col overflow-hidden bg-inner">
+    <div class="w-screen h-dvh {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
+        <div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
             <div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
                 {% block header %}
                     {% include '_partials/_header.html.twig' %}
diff --git a/templates/layout_booking.html.twig b/templates/layout_booking.html.twig
index e30dfaa..e4b8ddb 100644
--- a/templates/layout_booking.html.twig
+++ b/templates/layout_booking.html.twig
@@ -1,8 +1,8 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <div class="w-screen h-screen {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
-        <div class="max-w-screen-xl h-screen ml-auto flex flex-col overflow-hidden bg-inner">
+    <div class="w-screen h-dvh {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
+        <div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
             <div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
                 {% block header %}
                     {% include '_partials/_header.html.twig' %}