Problem
If the third-party card has a long name and the card number at the end of it does not fit on the row, the user cannot see the number of the card they want to assign.
Solution
Update the assign card flow so the card row splits the name and the number into two lines. The card number (just the last four numbers of the PAN) will be on a secondary line (with appropriate styles). If the card name is still long, we would use ellipsis as we do now. But most importantly, the last four PAN numbers are visible on the secondary line.
This is not used for expensify card, but it would look like this:
Issue Owner
Current Issue Owner: @abekkala
Problem
If the third-party card has a long name and the card number at the end of it does not fit on the row, the user cannot see the number of the card they want to assign.
Solution
Update the assign card flow so the card row splits the name and the number into two lines. The card number (just the last four numbers of the PAN) will be on a secondary line (with appropriate styles). If the card name is still long, we would use ellipsis as we do now. But most importantly, the last four PAN numbers are visible on the secondary line.
This is not used for expensify card, but it would look like this:
Issue Owner
Current Issue Owner: @abekkala