Memory Appendix
Ui Layout
User prefers well-designed card UIs but gets frustrated when cards render horizontally instead of as a vertical list. Always verify layout direction.
Source memory file:
feedback_ui_layout.md· Category: Feedback / working-preference This is a verbatim dump of Claude's persistent memory for the Octopus project. Rendered inside a code block so nothing is altered.
---
name: UI layout preference
description: User prefers well-designed card UIs but gets frustrated when cards render horizontally instead of as a vertical list. Always verify layout direction.
type: feedback
originSessionId: 400ed0c6-a3a5-48e0-9ac4-d629a36dc466
---
User wants card-based UIs — but they MUST stack vertically (one card per row, full width). The repeated issue was cards rendering side-by-side horizontally instead of top-to-bottom.
**Why:** Multiple iterations failed because flex/grid layouts placed content in a row direction instead of column. User had to fall back to a table out of frustration.
**How to apply:** When building card lists, always use `flexDirection: 'column'` or `Stack direction="column"`. Each card should be full-width, stacking top-to-bottom. Never use horizontal grids or side-by-side card layouts for plan/variant lists. Test the visual layout mentally before writing — if the cards would sit next to each other, it's wrong.