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

Author: AnvayKharb

src/app/accounting/create-journal-entry/create-journal-entry.component.html

@@ -57,6 +57,21 @@
                   <strong>{{ 'labels.commons.required' | translate }}</strong>
                 </mat-error>
               </mat-form-field>
+
+              <span class="flex-fill">
+                <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(debits, i)">
+                  <fa-icon icon="minus-circle" size="lg"></fa-icon>
+                </button>
+                <button
+                  *ngIf="i === 0"
+                  type="button"
+                  mat-icon-button
+                  color="primary"
+                  (click)="addAffectedGLEntry(debits)"
+                >
+                  <fa-icon icon="plus-circle" size="lg"></fa-icon>
+                </button>
+              </span>
             </div>
           </div>
 
@@ -83,6 +98,21 @@
                   <strong>{{ 'labels.commons.required' | translate }}</strong>
                 </mat-error>
               </mat-form-field>
+
+              <span class="flex-fill">
+                <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(credits, i)">
+                  <fa-icon icon="minus-circle" size="lg"></fa-icon>
+                </button>
+                <button
+                  *ngIf="i === 0"
+                  type="button"
+                  mat-icon-button
+                  color="primary"
+                  (click)="addAffectedGLEntry(credits)"
+                >
+                  <fa-icon icon="plus-circle" size="lg"></fa-icon>
+                </button>
+              </span>
             </div>
           </div>