Skip to content

Tech debt: mobile actions column missing grid placement at 768px breakpoint #282

@daveharmswebdev

Description

@daveharmswebdev

Context

In expense-list-row.component.ts, the .cell-actions column is not assigned a grid area in the @media (max-width: 768px) responsive layout. When the list header hides on mobile, the actions column (delete/WO buttons) has no explicit grid placement.

Details

  • File: frontend/src/app/features/expenses/components/expense-list-row/expense-list-row.component.ts
  • Issue: The mobile grid template does not include a cell-actions area, so the actions buttons may render in an unexpected position or be hidden
  • Suggested fix: Add cell-actions to the mobile grid template areas and ensure the delete/create-WO buttons are accessible on mobile

Acceptance Criteria

  • Actions column (delete, create WO) renders correctly on mobile viewport (< 768px)
  • Buttons are tappable and not overlapping other content

Source

Found during PR #281 code review (Issue #6)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions