web-211 resolution

Combining the Web-211 resolution file which was missed out of the initial commit.
This commit is contained in:
mjpugh811
2025-07-16 19:44:32 +01:00
parent 9410438eaa
commit 38408acada
3 changed files with 31 additions and 5 deletions
@@ -1,10 +1,12 @@
<!-- Version 1 -->
<mat-card class="container"> <mat-card class="container">
<div class="layout-row-wrap gap-2px responsive-column"> <div class="layout-row-wrap gap-2px responsive-column">
<div class="flex-fill" *ngIf="isFromClient"> <div class="flex-fill" *ngIf="isFromClient">
<span class="flex-40"> <span class="flex-40">
<h3 class="mat-h3">{{ 'labels.heading.Client Type' | translate }}</h3> <h3 class="mat-h3">{{ 'labels.heading.Client Type' | translate }}</h3>
</span> </span>
<span class="flex-60"> <span class="client-Name">
<h3 class="mat-h3">{{ clientName }}</h3> <h3 class="mat-h3">{{ clientName }}</h3>
</span> </span>
</div> </div>
@@ -20,7 +22,7 @@
<mat-divider [inset]="true"></mat-divider> <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-label>{{ 'labels.inputs.Type' | translate }}</mat-label>
<mat-select [formControl]="transferType"> <mat-select [formControl]="transferType">
<mat-option *ngFor="let transferTypeData of transferTypeDatas" [value]="transferTypeData.id"> <mat-option *ngFor="let transferTypeData of transferTypeDatas" [value]="transferTypeData.id">
@@ -29,7 +31,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-30"> <mat-form-field class="account-Id-field">
<input matInput placeholder="From Account Id" [formControl]="fromAccountId" /> <input matInput placeholder="From Account Id" [formControl]="fromAccountId" />
</mat-form-field> </mat-form-field>
@@ -40,7 +42,7 @@
(click)="filterStandingInstructions()" (click)="filterStandingInstructions()"
class="filter-button" class="filter-button"
> >
&nbsp;&nbsp;{{ 'labels.buttons.Filter' | translate }} {{ 'labels.buttons.Filter' | translate | titlecase }}
</button> </button>
</div> </div>
@@ -1,7 +1,9 @@
// Version 1
.container { .container {
.filter-button { .filter-button {
height: 2.5rem; height: 2.5rem;
margin-top: 1rem; margin-top: 2rem;
} }
} }
+22
View File
@@ -1,3 +1,5 @@
// Version 1
/* /*
* Entry point of global application style. * Entry point of global application style.
* Component-specific style should not go here and be included directly as part of the components. * 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; justify-content: flex-start;
width: 100%; 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;
}