Text Overflow in Coverage Card

[modamaan]

Describe the bug
In the Coverage Card, long Payor IDs are overflowing instead of wrapping properly

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Encounter'
2. Click on 'any of the encounter card'
3. switch to 'insurance claims tab'
4. click on manage coverages button
5. See error

Expected behavior
The Payor ID should remain readable

Screenshots

Desktop (please complete the following information):

• OS: [windows]
• Browser [chrome]
• Version [132.0.6834.111]

Additional context
Add any other context about the problem here.

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[deepANghan]

I want to work on this issue

[deepANghan]

can you tell me the exact location of this insurance claims tab?

able to reach encounters and cards as well but then there is no such thing as insurance claims

[modamaan]

@deepANghan
Click here to reproduce

[deepANghan]

Hey @modamaan,

I don't know, but there is some code syncronization error in my repo.
Sorry about that

Production website has insurance cliams tab in encounter section but in my local repo, though I synched forked repo from original Care_Fe till latest commit but still now showing this options and manually tried to go there but shows page not found error

Here is the problem video:
bug video drive link

Solution of issue :

The

that renders Payer Id can be assigned tailwind class 'break-words'
which wrap the overflow text inside container

Here is developer tool based demo solution of it :
solution video demo link

[modamaan]

Hey @modamaan,

I don't know, but there is some code syncronization error in my repo. Sorry about that

Production website has insurance cliams tab in encounter section but in my local repo, though I synched forked repo from original Care_Fe till latest commit but still now showing this options and manually tried to go there but shows page not found error

Here is the problem video: bug video drive link

Solution of issue :

The

that renders Payer Id can be assigned tailwind class 'break-words' which wrap the overflow text inside container

Here is developer tool based demo solution of it : solution video demo link

@Jacobjeevan

[abeeto]

Hi, I had a look at the code, I would like to work on this.
My approach:

• switch from grid to flex display, so that, by default both PayorID and PayorName should share same row BUT:
• if PayorID is too big, PayorName will shift down to accomodate.

ETA: 1 day