From 4ac2f33e3f5dcecb453c0a5e49c43533c1364c5f Mon Sep 17 00:00:00 2001
From: Martin Dvorak <dvorak@dvorakmortonxd.dev>
Date: Thu, 8 Oct 2026 19:06:36 +0000
Subject: [PATCH] Fix the dead space between /create's sticky CTA and the phone
 tab bar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

On phones the "Freeze my deck" strip floats one tab-bar height (4.6rem)
above the viewport bottom, but the page reserved env + 9rem of trailing
room — so at the end of the scroll the strip docked ~70px higher than where
it had been floating, leaving a visible cavity above the tab bar.

Phones now get exactly the sticky offset (env + 4.6rem) as trailing space:
the strip settles where it was floating and the bar is never double-counted.
Tablet/desktop (>=640px) keep the roomier 9rem — unchanged.

Verified at 360/390px: gap CTA-to-bar 70.3px -> 0.3px, ~70px less dead
scroll; tablet 800px and desktop 1280px measurements identical to before.
Service worker: freezmo-v7.
---
 app/globals.css | 10 ++++++++++
 public/sw.js    |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index 42aa009..9fe04c0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -684,7 +684,17 @@ body {
 .pt-safe { padding-top: max(env(safe-area-inset-top), 0.75rem) }
 .pb-safe { padding-bottom: max(env(safe-area-inset-bottom), 0.75rem) }
 .pb-tabbar { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 5.25rem) }
+/* Trailing room under the sticky "Freeze my deck" strip on /create.
+   Phones: the strip floats one tab-bar height above the viewport bottom (the
+   sticky bottom offset in UploadScreen), so the page only needs that much
+   scroll room under it — the strip settles exactly where it was already
+   floating, and the bottom bar is never double-counted. Keep 4.6rem in sync
+   with the sticky offset. Wider screens: the strip docks to the viewport
+   bottom and keeps the roomier 9rem. */
 .pb-cta { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 9rem) }
+@media (max-width: 639px) {
+  .pb-cta { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 4.6rem) }
+}
 
 @media (display-mode: standalone) {
   .standalone-hide { display: none }
diff --git a/public/sw.js b/public/sw.js
index 24dc175..e0eb9b5 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -9,7 +9,7 @@
  *
  * Bumping CACHE_VERSION is how a new deploy invalidates old assets.
  */
-const CACHE_VERSION = "freezmo-v6";
+const CACHE_VERSION = "freezmo-v7";
 const SHELL_CACHE = `${CACHE_VERSION}-shell`;
 const ASSET_CACHE = `${CACHE_VERSION}-assets`;