From 366d9ed7baefb982b65e64b49ae539a66caaceee Mon Sep 17 00:00:00 2001 From: Bernardo Anderson Date: Thu, 11 Jun 2026 20:17:03 -0500 Subject: [PATCH] CP-14119 - Adjust mobile form alignment and safe-area padding Update mobile form container to use justify-start instead of justify-center for better scroll behavior. Remove the max fallback for safe-area padding to rely solely on env(safe-area-inset-top). --- app/javascript/submission_form/form.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue index cb194daed..790edae6c 100644 --- a/app/javascript/submission_form/form.vue +++ b/app/javascript/submission_form/form.vue @@ -928,7 +928,7 @@ export default { const classes = ['shadow-md', 'bg-base-100', 'border-base-200', 'border', 'p-4', 'rounded', 'form-container'] if (this.isMobile) { - classes.push('fixed', 'inset-0', 'w-full', 'flex', 'flex-col', 'items-center', 'justify-center', 'z-30', 'overflow-y-auto') + classes.push('fixed', 'inset-0', 'w-full', 'flex', 'flex-col', 'items-center', 'justify-start', 'z-30', 'overflow-y-auto') } else { classes.push('absolute', 'bottom-0', 'w-full', 'overflow-hidden') @@ -945,7 +945,7 @@ export default { if (this.isMobile) { style.overflowX = 'hidden' style.minHeight = '100dvh' - style.paddingTop = 'max(env(safe-area-inset-top), 1.5rem)' + style.paddingTop = 'env(safe-area-inset-top)' style.paddingBottom = '6rem' }