Skip to content

Card row height mismatch when description text wraps (e.g. Image Evidence card) #6

Description

@its-Sohan

Description

In the summary card row (Object Type / Image Evidence / Review Status / AI Review),
the cards are supposed to align in a single row with equal height. However, when a
card's description text wraps to two lines (e.g. "Upload one or more JPG/PNG images"
in the Image Evidence card), that card grows taller than its siblings, breaking the
row's visual alignment.

Steps to reproduce

  1. Open the claim summary view
  2. Trigger a state where the "Image Evidence" card description wraps to 2 lines
  3. Observe the card row — bottom edges are no longer aligned

Expected behavior

All cards in the row should maintain equal height regardless of description text

Acceptance Criteria

  • All summary cards maintain equal height
  • Layout remains responsive
  • No overflow occurs
  • Works on desktop
  • Works on tablet
  • Works on mobile

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingcssfor designing ,color themefrontendgood first issueGood for newcomersui

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions