Icon overlapping with text in text-box of Doctor's Notes. #7495

[Sulochan-khadka]

Proposed Changes

• Fixes Icon overlapping with text in text-box of Doctor's Notes. #7495
• Improved alignment

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[vercel]

@Sulochan-khadka is attempting to deploy a commit to the Open Healthcare Network Team on Vercel.

A member of the Team first needs to authorize it.

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	ba2aaf4
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6638bb6591914f0008ec8558
😎 Deploy Preview	https://deploy-preview-7496--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

👋 Hi, @Sulochan-khadka,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[rithviknishad]

Hey @Sulochan-khadka
Could you resolve the merge conflict?

[Sulochan-khadka]

Hey @Sulochan-khadka Could you resolve the merge conflict?

Yeah sure... I will do...

[github-actions]

Hi, This pr has been automatically marked as stale because it has not had any recent activity. It will be automatically closed if no further activity occurs for 7 more days. Thank you for your contributions.

[netlify]

❌ Deploy Preview for care-net failed.

Name	Link
🔨 Latest commit	147ca2a
🔍 Latest deploy log	https://app.netlify.com/sites/care-net/deploys/66178daa5dac410008f9ea4e

[Sulochan-khadka]

@rithviknishad have solved merge conflicts... Kindly have a look.

[nihal467]

@Sulochan-khadka the UI doesn't look good, can you try to implement Ui similar to slack

[Sulochan-khadka]

@nihal467 sure... But then I need to make changes to another issue that was solving that of patient's notes. Shall I go ahead and make your suggested changes on both?

[Sulochan-khadka]

@Sulochan-khadka the UI doesn't look good, can you try to implement Ui similar to slack

Should I add a rich text editor ? something like react-quill? Or you just want to correct the alignment . I think adding something like react quill will obviously be a firm step towards improving the doctor's notes functionality for example, adding markdown feature and file upload functionality. Let me know your thoughts on this.

[nihal467]

@rithviknishad can you comment on this issue

[rithviknishad]

@Sulochan-khadka I'd suggest creating a separate issue for that as that would be a larger change and the related issue simply needs to solve the icon overlapping issue and have a good UI.

[nihal467]

LGTM

[github-actions]

@Sulochan-khadka Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌