Enhancement to the prescrition print module

[nihal467]

follow-up : #8259

Is your feature request related to a problem? Please describe.

• currently the print button is not properly placed, seem like the button is on one corner of the page.
• we are having multiple scroll in the page, seem a little bit odd

Describe the solution you'd like

• move the print button inside the white padding on prescription
• Support for zooming in and out for PrintPreview component #8323

**Screenshot **

[Fredrick2503]

How can I reproduce this issues?

[nihal467]

@Fredrick2503

How can I reproduce this issues?

1. Login to the care
2. go to the patient tab using the side bar
3. click on the patient card with active consultation
4. in the consultation page, below the diagnosis card, click on the medicine tab in the nav bar
5. on your the medicine pages, click on the edit prescription button
6. now you will be seeing the page mention related to first point
7. now click on the print button
8. now you will be seeing the page mention related to second point

[kushalbhana]

Would love to work on it..

[Fredrick2503]

Can I be assigned to the issues as I would like to work on this issues

[nihal467]

@Fredrick2503 / @kushalbhana are you still interested in working on this issue?

[kushalbhana]

working on it...

[kushalbhana]

just let me know Do I have to modify the css of all the components in this print preview to make it responsive
or is there any better way to do it

[rithviknishad]

@kushalbhana No, scaling the inner contents of the PrintPreview contents manually using tailwindcss modifiers could be difficult to maintain. Instead you could use the scale-* tailwind class (or CSS equivalent) at the section-to-print of the reusable generic PrintPreview component instead.

I've opened a separate issue for this with a more detailed description here: #8323

Feel free to take that up

cc: @kushalbhana @Fredrick2503