Mobile UX: Conversation page input area lacks safe-area-inset-bottom padding

[davidortinau]

Problem

The Conversation page uses a plain card card-ss p-3 for its input area instead of the shared .activity-input-bar class used by other activity pages. This means it lacks padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px)).

On iPhones with the home indicator, the Send button and text input will be partially obscured.

Affected Page(s)

• /conversation

Suggested Fix

Switch from plain card to .activity-input-bar or add safe area padding.

File: src/SentenceStudio.UI/Pages/Conversation.razor lines 10, 138-165

Priority

MEDIUM

[github-actions]

🔄 Ralph — Auto-Triage

Assigned to: Jayne (Tester)
Reason: Matches testing/QA domain

Ralph auto-triaged this issue via the squad heartbeat. To reassign, swap the squad:* label.

[github-actions]

🔄 Ralph — Auto-Triage

Assigned to: Jayne (Tester)
Reason: Matches testing/QA domain

Ralph auto-triaged this issue via the squad heartbeat. To reassign, swap the squad:* label.

[github-actions]

🏗️ Squad Triage — Zoe (Lead)

Issue: #107 — Mobile UX: Conversation page input area lacks safe-area-inset-bottom padding
Assigned to: Jayne (Tester)
Reason: Issue relates to testing/quality work

@copilot evaluation: 🔴 Not suitable — issue involves work outside the coding agent's capability profile.

Team roster:

• Zoe (Lead) → label: squad:zoe
• Kaylee (Full-stack Dev) → label: squad:kaylee
• Wash (Backend Dev) → label: squad:wash
• River (AI/Prompt Engineer) → label: squad:river
• Jayne (Tester) → label: squad:jayne
• Ralph (Work Monitor) → label: squad:ralph
• @copilot (Coding Agent) → label: squad:copilot

To reassign, remove the current squad:* label and add the correct one.

[davidortinau]

Duplicate - closing in favor of the original.