From f78b7763d6339a398d07e31cc75cfdfc3b06733d Mon Sep 17 00:00:00 2001
From: Anvay <anvaykharb007@gmail.com>
Date: Mon, 3 Nov 2025 01:42:49 +0530
Subject: [PATCH] WEB-392: Fix alignment of download and upload buttons in bulk
 import

- Added min-height to mat-cards to ensure consistent height
- Added flex-spacer to push buttons to the bottom
- Removed flex-grow from mat-card-content
- Buttons now align horizontally regardless of varying card content
---
 .../view-bulk-import/view-bulk-import.component.html       | 4 ++--
 .../view-bulk-import/view-bulk-import.component.scss       | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.html b/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.html
index d4dd3ae75..3d37e7fd5 100644
--- a/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.html
+++ b/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.html
@@ -66,13 +66,13 @@
         'labels.text.Please retain the value Entity/Person in the filename.' | translate
       }}</mat-hint>
 
+      <div class="flex-spacer"></div>
+
       <div class="flex-13">
         <button mat-raised-button color="primary" [disabled]="!template" (click)="uploadTemplate()">
           <i class="fa fa-upload"></i>&nbsp;&nbsp;{{ 'labels.buttons.Upload' | translate }}
         </button>
       </div>
-
-      <div *ngIf="bulkImport.formFields >= 2" class="flex cover"></div>
     </mat-card>
   </div>
 
diff --git a/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.scss b/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.scss
index 9ea17984b..4705237f3 100644
--- a/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.scss
+++ b/src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.scss
@@ -20,6 +20,7 @@
       display: flex;
       flex-direction: column;
       border-radius: 20px;
+      min-height: 400px;
 
       h3 {
         margin: 0 0 20px;
@@ -36,7 +37,6 @@
       mat-card-content {
         padding: 0;
         margin-bottom: 20px;
-        flex-grow: 1;
 
         mat-form-field {
           width: 100%;
@@ -55,6 +55,11 @@
         }
       }
 
+      .flex-spacer {
+        flex: 1;
+        min-height: 20px;
+      }
+
       mifosx-file-upload {
         margin: 16px 0;
         flex-grow: 1;