From 38408acadac2b18228db532af6cc1d67f86eedf1 Mon Sep 17 00:00:00 2001
From: mjpugh811 <77240650+mjpugh811@users.noreply.github.com>
Date: Wed, 16 Jul 2025 17:05:51 +0100
Subject: [PATCH] web-211 resolution

Combining the Web-211 resolution file which was missed out of the initial commit.
---
 .../list-standing-instructions.component.html | 10 +++++----
 .../list-standing-instructions.component.scss |  4 +++-
 src/main.scss                                 | 22 +++++++++++++++++++
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.html b/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.html
index 7e85e52be..3d07c885e 100644
--- a/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.html
+++ b/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.html
@@ -1,10 +1,12 @@
+<!-- Version 1 -->
+
 <mat-card class="container">
   <div class="layout-row-wrap gap-2px responsive-column">
     <div class="flex-fill" *ngIf="isFromClient">
       <span class="flex-40">
         <h3 class="mat-h3">{{ 'labels.heading.Client Type' | translate }}</h3>
       </span>
-      <span class="flex-60">
+      <span class="client-Name">
         <h3 class="mat-h3">{{ clientName }}</h3>
       </span>
     </div>
@@ -20,7 +22,7 @@
 
     <mat-divider [inset]="true"></mat-divider>
 
-    <mat-form-field class="flex-30">
+    <mat-form-field class="type-field">
       <mat-label>{{ 'labels.inputs.Type' | translate }}</mat-label>
       <mat-select [formControl]="transferType">
         <mat-option *ngFor="let transferTypeData of transferTypeDatas" [value]="transferTypeData.id">
@@ -29,7 +31,7 @@
       </mat-select>
     </mat-form-field>
 
-    <mat-form-field class="flex-30">
+    <mat-form-field class="account-Id-field">
       <input matInput placeholder="From Account Id" [formControl]="fromAccountId" />
     </mat-form-field>
 
@@ -40,7 +42,7 @@
       (click)="filterStandingInstructions()"
       class="filter-button"
     >
-      &nbsp;&nbsp;{{ 'labels.buttons.Filter' | translate }}
+      {{ 'labels.buttons.Filter' | translate | titlecase }}
     </button>
   </div>
 
diff --git a/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.scss b/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.scss
index 5f25b8014..4f72a3ec1 100644
--- a/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.scss
+++ b/src/app/account-transfers/list-standing-instructions/list-standing-instructions.component.scss
@@ -1,7 +1,9 @@
+// Version 1
+
 .container {
   .filter-button {
     height: 2.5rem;
-    margin-top: 1rem;
+    margin-top: 2rem;
   }
 }
 
diff --git a/src/main.scss b/src/main.scss
index 71ae60066..60d6d82e6 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -1,3 +1,5 @@
+// Version 1
+
 /*
  * Entry point of global application style.
  * Component-specific style should not go here and be included directly as part of the components.
@@ -611,3 +613,23 @@ mifosx-notifications-page td {
   justify-content: flex-start;
   width: 100%;
 }
+
+//Re-positions account type field on list standing instructions page
+.type-field {
+  position: absolute;
+  left: 1px;
+  top: 20px;
+}
+
+//Re-positions account id field on list standing instructions page
+.account-Id-field {
+  position: absolute;
+  left: 490px;
+  top: 20px;
+}
+
+//Re-positions client name label on list standing instructions page
+.client-Name {
+  position: absolute;
+  left: 490px;
+}