style: APP-393 align dollar sign in small screens

[r41ph]

Description

https://regennetwork.atlassian.net/browse/APP-393

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

1. Go to the Buy Credits form (https://deploy-preview-2509--regen-marketplace.netlify.app/project/C01-001/buy) and with USD selected verify that the dollar sign is properly aligned on both mobile and desktop screens.

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for regen-website ready!

Name	Link
🔨 Latest commit	50ddafa
🔍 Latest deploy log	https://app.netlify.com/sites/regen-website/deploys/6718d069ddb3f70008392085
😎 Deploy Preview	https://deploy-preview-2509--regen-website.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.

[r41ph]

@erikalogie see testing instructions

[erikalogie]

LGTM though I think there could be a 2-3 px more space between the $ sign and the number on mobile.

[blushi]

This doesn't look like on figma where the $ is perfectly aligned with the amount on both desktop and mobile

[r41ph]

Good catch. In the Order Summary the $ is above the amount and in the currency field is next to the amount.

LGTM though I think there could be a 2-3 px more space between the $ sign and the number on mobile.

@erikalogie Do you want it to look like in Figma or the currency field should look like the Order Summary?

[erikalogie]

I think in the interest of time, how you've currently implemented it is a great improvement and we should just go with this for now and can tweak it more later!

[r41ph]

I think in the interest of time, how you've currently implemented it is a great improvement and we should just go with this for now and can tweak it more later!

@erikalogie Ok, I have moved the $ a bit as requested, please have a look

[erikalogie]

LGTM!