@asksable/site-connector 0.6.13 → 0.6.14

package/dist/styles.css

@@ -2727,15 +2727,15 @@
 @media (max-width: 1024px) {
   /* Lock the frame to a single height across all steps so the widget
      doesn't bounce as the user moves between services / date / etc.
-     Sized to fit the tallest step (date + time) with a little
-     breathing room above and below. Body scrolls internally when a
-     step exceeds it. */
+     Sized to feel like a mobile app panel: the footer sits near the
+     viewport bottom on tall phones, while the body scrolls internally
+     when a step exceeds it. */
   .bw {
     /* svh (small viewport height) doesn't jump when iOS Safari's URL
        bar toggles, unlike vh which uses the largest possible height
        and overflows when bars become visible. */
-    min-height: 82svh;
-    max-height: 82svh;
+    min-height: 92svh;
+    max-height: 92svh;
   }
 
   /* Lock header/footer in the column so they never shrink under
@@ -2750,6 +2750,8 @@
   }
 
   .bw-body {
+    flex: 1 1 auto;
+    min-height: 0;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior: contain;
@@ -2766,8 +2768,8 @@
   }
 
   .bw-placeholder {
-    min-height: 82svh;
-    max-height: 82svh;
+    min-height: 92svh;
+    max-height: 92svh;
   }
 
   .bw-placeholder-header {
@@ -3061,7 +3063,7 @@
        there's always real breathing room below the Confirm button.
        Host site MUST include `viewport-fit=cover` in its viewport
        meta for env(safe-area-inset-*) to be non-zero on iOS. */
-    margin-top: 16px;
+    margin-top: auto;
     padding: 16px 24px max(24px, calc(env(safe-area-inset-bottom) + 16px));
     border-top: 1px solid var(--bw-border-light);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asksable/site-connector",
-  "version": "0.6.13",
+  "version": "0.6.14",
   "private": false,
   "type": "module",
   "sideEffects": [