Dosage heading is misaligned in the prescription module

[nihal467]

Describe the bug

When we create a PRN prescription with a large note, the dosage heading is misaligned in the normal view

To Reproduce
Steps to reproduce the behavior:

1. Go to patient consultation page
2. Click on medicine and add a medicine (PRN) with a long indicator
3. See error

Expected behavior

• the dosage heading in the prn prescription should be center aligned

Screenshots

[HarshikaAdarsh]

Hey, is anyone working on this issue?
If not, I would like to work on it.

[syedfardeenjeelani]

hello @HarshikaAdarsh are you still working on it?

[ayushpatil2122]

But on my machine, everything seems to be fine, even though I added a long note

[rithviknishad]

@ayushpatil2122 correction, it's not note, it's indicator. I've updated the issue.

cc: @nihal467

[siddharthbaleja7]

@rithviknishad I would like to work on this issue.Can you please assign this issue to me?

[NitinPSingh]

hi @rithviknishad , what if we made it multiline it would solve problem

or even if truncate it and show the full name on hover,

if no one is working i would love to contribute

[Sulochan-khadka]

I think we can have a scrollable area for indicator, which wont ruin the UI. Also the user can scroll for complete info if needed. Because if we implement the solution formerly stated , the the duration part comes in the scroll which does not seem good.

This is the issue i am talking about:

The solution i am proposing:

Obviously we can style as required.

Let me know your reviews @rithviknishad @nihal467

[rithviknishad]

We could simply either wrap it in newline or elipsis the text beyond a certain max-width. User can anyways see the full information when they click on the row if needed.