Perfect! Let me make that final adjustment to move the partial payment badge to the Selected invoices section header:

Perfect! I've made the final adjustments:

Changes Made:

1. Moved Partial Payment Badge

• New Location: Now appears in the Selected invoices section header
• Positioning: Right-aligned opposite the "Selected invoices (X)" title
• Clean Layout: Creates a balanced header with title on left, badge on right

2. Simplified Left Column

• Removed Badge: No more partial payment badge beneath the input
• Cleaner Input Area: Just the input field with reset button
• Tooltip Preserved: Distribution tooltip still available for multiple invoices

3. Fixed Bottom Layout

• Flex Container: Selected invoices section now uses flexbox
• Auto Margin: Remaining balance uses mt-auto to stick to bottom
• Consistent Spacing: Proper border and padding for the bottom section

Visual Improvements:

• Better Information Hierarchy: Badge is now contextually placed with the invoices it affects
• Cleaner Input Section: Less visual clutter around the amount input
• Consistent Layout: Remaining balance always appears at the bottom regardless of invoice count
• Balanced Header: Title and badge create a nice visual balance in the section header

The partial payment badge now clearly indicates which invoices are affected by the partial payment, and the remaining balance is properly anchored to the bottom of the section!

Let me implement those final refinements to keep the modal height consistent:

Perfect! I've made the requested refinements to keep the modal height consistent:

Changes Made:

1. Moved "of $X.XX" Text to Footer

• Removed: Eliminated the "of $X.XX" text from beneath the input field in both single and multiple invoice scenarios
• Added to Footer: Added this information under the "Total payment amount" in the footer
• Consistent Display: Now shows consistently in the same place for both single and multiple invoice flows

2. Renamed Footer Label

• Changed: Updated "Total amount" to "Total payment amount" in the footer
• More Descriptive: Better describes what the amount represents (the payment being made)

3. Improved Layout Consistency

• No Height Changes: Modal height remains consistent regardless of payment mode
• Cleaner Input Area: Input section is now more focused without the additional text
• Maintained Badge: Kept the "Partial payment" badge for clear indication of mode

4. Better Information Architecture

• Logical Grouping: Payment amount and total invoice amount are now grouped together
• Clearer Context: The relationship between payment amount and total amount is more obvious
• Reduced Redundancy: Information appears only once in the interface

Benefits:

• Consistent Height: Modal doesn't change height when switching between full and partial payment modes
• Cleaner Interface: Less visual clutter around the input field
• Better Information Hierarchy: Related information is grouped together in the footer
• Improved Clarity: The relationship between payment amount and total invoice amount is clearer

These changes maintain all the functionality while providing a more consistent and cleaner interface that doesn't resize when switching between payment modes!