1213 resize number fields

[Dmac26]

Summary

Addresses Issue #1213

This code update completes the 1213 card by updating all related .html, .ts, and .scss files to ensure that all numeric fields referenced in the 1213 card have their width reduced and validation updated to allow numeric ranges to be input with dashes included.

*** NOTE: This is the second iteration of this PR, adding additional functionality to the number-validation component to allow for the input of slashes by users

This pull request is ready to merge when...

• Feature branch starts with the issue number
• Is connected to its original issue via zenhub 👇
• All tests are passing and meet coverage, linting, and accessibility requirements. And no security vulnerabilities ⚫️(Circle)
• This code has been reviewed by someone other than the original author

[briandavidson]

@Dmac26 I'm a little confused here. There already was a pull request that got merged in for this issue right here: #1289

This PR is addressing the same issue, but now the issue seems to also include the ability to use a slash character. That wasn't part of the other PR, and I presume it was added to the issue after the fact.

Even though it's pretty minor, to avoid scope creep I'd recommend we create a new separate issue to address the additional slash functionality.

Please also take a look at the following comment I've added to the original issue: #1213 (comment)

[Dmac26]

@briandavidson - Given that we will need to handle the bolded text issue on another card if Aquib wants to revert, is this one g2g?

[briandavidson]

g2g!