From 867a52bc0d7ce08ae9c2363c7e071a0f69ebf62c Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Fri, 6 Nov 2026 16:11:08 +0100
Subject: [PATCH] feat(mobile): form sheets use the trip settings' fields and
 footer

The shared form fields are round like the trip settings' fields (multi-line
ones keep a softer radius), and the shared footer's cancel, submit and
delete are the sheets' 42 px buttons. Every trip form built on these parts
(place, transport, booking, cost, note, packing, tasks and more) follows.
---
 .../mobile/screens/trip/sheets/PlSheetChrome.tsx    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/client/src/mobile/screens/trip/sheets/PlSheetChrome.tsx b/client/src/mobile/screens/trip/sheets/PlSheetChrome.tsx
index 599a261ec..8684456ff 100644
--- a/client/src/mobile/screens/trip/sheets/PlSheetChrome.tsx
+++ b/client/src/mobile/screens/trip/sheets/PlSheetChrome.tsx
@@ -10,13 +10,14 @@ import MIconBtn from '../../../components/MIconBtn'
  */
 
 export const FIELD_CLS =
-  'w-full min-w-0 box-border rounded-[12px] border border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] px-3 py-[10px] font-[inherit] text-[0.84375rem] font-medium text-m-ink outline-none placeholder:text-m-faint'
+  'w-full min-w-0 box-border rounded-full border border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] px-[14px] py-[10px] font-[inherit] text-[0.84375rem] font-medium text-m-ink outline-none placeholder:text-m-faint'
 
 export const FIELD_AREA_CLS =
-  'w-full box-border resize-none rounded-[12px] border border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] px-3 py-[10px] font-geist text-[0.78125rem] leading-[1.5] text-m-ink outline-none placeholder:text-m-faint'
+  'w-full box-border resize-none rounded-[18px] border border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] px-[14px] py-[10px] font-geist text-[0.78125rem] leading-[1.5] text-m-ink outline-none placeholder:text-m-faint'
 
 // One Eyebrow for all trip sheets — defined with the inspection-sheet chrome.
 export { Eyebrow } from './MTripSheetUi'
+import { SHEET_PRIMARY, SHEET_SECONDARY } from './MTripSheetUi'
 
 interface FormSheetHeaderProps {
   /** 40px rounded icon tile left of the title (place edit / import sheets). */
@@ -52,7 +53,7 @@ export function FormSheetHeader({ icon: Icon, title, subtitle, leading, onClose,
 }
 
 interface FormSheetFooterProps {
-  /** Renders the 38px delete circle; two-tap confirm is the caller's business. */
+  /** Renders the 42px delete circle; two-tap confirm is the caller's business. */
   onDelete?: () => void
   deleteLabel?: string
   /** Delete circle switches to the danger surface while armed. */
@@ -76,7 +77,7 @@ export function FormSheetFooter({
           type="button"
           onClick={onDelete}
           aria-label={deleteLabel}
-          className={`flex h-[38px] w-[38px] flex-none items-center justify-center rounded-full border ${
+          className={`flex h-[42px] w-[42px] flex-none items-center justify-center rounded-full border ${
             deleteArmed
               ? 'border-transparent bg-[color:var(--m-st-danger)] text-white'
               : 'border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] text-m-muted'
@@ -88,7 +89,7 @@ export function FormSheetFooter({
       <button
         type="button"
         onClick={onCancel}
-        className="ms-auto rounded-full border border-[color:var(--m-rowbr)] bg-[color:var(--m-ic)] px-4 py-[9px] text-[0.78125rem] font-semibold text-m-ink"
+        className={`${SHEET_SECONDARY} ms-auto`}
       >
         {cancelLabel}
       </button>
@@ -96,7 +97,7 @@ export function FormSheetFooter({
         type="button"
         onClick={onSubmit}
         disabled={submitDisabled}
-        className="rounded-full bg-m-act px-[18px] py-[9px] text-[0.78125rem] font-semibold text-m-actfg disabled:opacity-40"
+        className={SHEET_PRIMARY}
       >
         {submitLabel}
       </button>