Enrollment Index: Remove space after Littlepay

[machikoyasuda]

closes #2428

What this PR does

• Make a fix to the Enrollment Index page that shows up on the Agency Card, Veterans, Senior, Medicare flows (all but CalFresh).
• Remove the space that appears after the Littlepay link by not using the includes and using the a href link code directly, allowing the link code to be right next to the copy, which allows the HTML to be rendered w/o any extra whitespaces.
• The only drawback to this is that if there is ever a style change to modal-trigger, we need to make sure the change is made here too. I found this drawback to be acceptable, b/c I think most changes if any that happen to the modal-trigger will be done with CSS classes, and it wouldn't be hard to add the CSS classes in both places. I'm open to the alternatives considered though.

Alternatives considered

• Tried removing line breaks from the modal-trigger.html template, from the media-item template, but didn't fix the bug.
• I considered trying to add conditional code to the modal-trigger.html includes, something like If no_space=True, then render {% translate ", to enter your contactless card details." %} - but it felt a little over the top, doesn't scale if this ever happened on another page. Would this be preferred though? I can do that.

[github-actions]

Coverage report

Click to see where and how coverage changed

File	Statements	Missing	Coverage	Coverage (new stmts)	Lines missing
benefits
routes.py
sentry.py
benefits/core
models.py
views.py
benefits/eligibility
views.py
benefits/enrollment
enrollment.py
views.py
benefits/oauth
views.py
Project Total

This report was generated by python-coverage-comment-action

[thekaveman]

Yep, I agree your approach is simpler and fine to maintain compared to the alternatives.

Modal link works ✅

English ✅

dev	local

Spanish ✅

dev	local