Moves phases 08–11 execution artifacts from .planning/phases/ to
.planning/milestones/v0.2-phases/ to keep .planning/phases/ clean
for the next milestone.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Normalize form controls through @tailwindcss/forms and make every modal scroll safely on mobile viewports.
Tasks
Confirm @tailwindcss/forms remains installed and active in tailwind.config.js; it is already wired today, so this should be a verification step unless execution finds drift.
Audit inputs, selects, textareas, checkboxes, and radio buttons for conflicting per-component browser-reset styles.
Normalize form classes to the smallest consistent Tailwind pattern already used by the app.
Update modal shells so content below 640px is scrollable and never exceeds viewport height:
ShareModal.vue: centered panel gets mobile max-h and overflow-y-auto.
CloudCredentialModal.vue: tall WebDAV/Nextcloud form gets mobile max-h and overflow-y-auto.
FolderDeleteModal.vue: adopt the same mobile-safe panel pattern.
DocumentPreviewModal.vue: preserve full-screen preview but verify header/content sizing at narrow widths.
any auth/account confirmation modal-like surfaces found in the audit
Add focused tests or DOM assertions for mobile-safe modal classes and form baseline coverage.
Acceptance Criteria
Forms plugin is active and relied on consistently.
No modal content overflows a 375x667 viewport.
No modal text or action row is clipped below 640px.
The desktop modal appearance remains behaviorally unchanged.
