From cb57e85ac61c0a7ecd367ac9501ce8e3d9dfe5c8 Mon Sep 17 00:00:00 2001
From: Anvay <anvaykharb007@gmail.com>
Date: Thu, 6 Nov 2025 14:08:40 +0530
Subject: [PATCH] WEB-411: Improve alignment of Debit and Credit Amount fields
 in Create Journal Entry form

- Changed Debit Amount field from flex-43 to flex-24 to align under Currency field
- Changed Credit Amount field from flex-43 to flex-24 to align under External Asset Owner field
- Kept all add/remove button functionality intact
---
 .../create-journal-entry.component.html                   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/accounting/create-journal-entry/create-journal-entry.component.html b/src/app/accounting/create-journal-entry/create-journal-entry.component.html
index 5fcc8121ca..26589a80c3 100644
--- a/src/app/accounting/create-journal-entry/create-journal-entry.component.html
+++ b/src/app/accounting/create-journal-entry/create-journal-entry.component.html
@@ -49,7 +49,7 @@
               >
               </mifosx-gl-account-selector>
 
-              <mat-form-field class="flex-43">
+              <mat-form-field class="flex-24">
                 <mat-label>{{ 'labels.inputs.Debit Amount' | translate }}</mat-label>
                 <input type="number" matInput required formControlName="amount" />
                 <mat-error *ngIf="debits.at(i).controls.amount.hasError('required')">
@@ -58,7 +58,7 @@
                 </mat-error>
               </mat-form-field>
 
-              <span class="flex-fill">
+              <span class="flex-24">
                 <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(debits, i)">
                   <fa-icon icon="minus-circle" size="lg"></fa-icon>
                 </button>
@@ -90,7 +90,7 @@
               >
               </mifosx-gl-account-selector>
 
-              <mat-form-field class="flex-43">
+              <mat-form-field class="flex-24">
                 <mat-label>{{ 'labels.inputs.Credit Amount' | translate }}</mat-label>
                 <input type="number" matInput required formControlName="amount" />
                 <mat-error *ngIf="credits.at(i).controls.amount.hasError('required')">
@@ -99,7 +99,7 @@
                 </mat-error>
               </mat-form-field>
 
-              <span class="flex-fill">
+              <span class="flex-24">
                 <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(credits, i)">
                   <fa-icon icon="minus-circle" size="lg"></fa-icon>
                 </button>