Refactor TransactionForm layout for better input organization#69
Merged
Conversation
OrF8
added
enhancement
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the TransactionForm UI layout to make credit-card–specific inputs appear in a clearer, more consistent place within the form flow.
Changes:
- Moved the credit card “last 4 digits” (
cardLast4) input out of the grid so it renders below the transaction type selection. - Simplified the grid layout by removing the conditional column-span logic for the name field.
- Repositioned the transaction type selector into the grid alongside the name field on
sm+breakpoints.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request updates the layout of the
TransactionFormcomponent to improve the placement of the "last 4 digits of card" input field for credit card transactions. The main change is moving this input outside the grid layout, so it always appears below the transaction type selection, making the form structure clearer and more consistent.Form layout improvements:
cardLast4) input field for credit card transactions out of the grid and placed it below the transaction type selection for better form organization. [1] [2]